<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta charset="utf-8" />
		<title>Fontawesome - Ace Admin</title>

		<meta name="description" content="" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

		<!-- bootstrap & fontawesome -->
		<link rel="stylesheet" href="../assets/css/bootstrap.css" />
		<link rel="stylesheet" href="../components/font-awesome/css/font-awesome.css" />

		<!-- page specific plugin styles -->

		<!-- text fonts -->
		<link rel="stylesheet" href="../assets/css/ace-fonts.css" />

		<!-- ace styles -->
		<link rel="stylesheet" href="../assets/css/ace.css" class="ace-main-stylesheet" id="main-ace-style" />

		<!--[if lte IE 9]>
			<link rel="stylesheet" href="../assets/css/ace-part2.css" class="ace-main-stylesheet" />
		<![endif]-->
		<link rel="stylesheet" href="../assets/css/ace-skins.css" />
		<link rel="stylesheet" href="../assets/css/ace-rtl.css" />

		<!--[if lte IE 9]>
		  <link rel="stylesheet" href="../assets/css/ace-ie.css" />
		<![endif]-->

		<!-- inline styles related to this page -->

		<!-- ace settings handler -->
		<script src="../assets/js/ace-extra.js"></script>

		<!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->

		<!--[if lte IE 8]>
		<script src="../components/html5shiv/dist/html5shiv.min.js"></script>
		<script src="../components/respond/dest/respond.min.js"></script>
		<![endif]-->
		
		<style>
		.fontawesome-icon-list{margin-top:22px}
		.fontawesome-icon-list .fa-hover a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;color:#222;line-height:32px;height:32px;padding-left:10px;border-radius:4px}
		.fontawesome-icon-list .fa-hover a .fa{width:32px;font-size:14px;display:inline-block;text-align:right;margin-right:10px}
		.fontawesome-icon-list .fa-hover a:hover,.fontawesome-icon-list .fa-hover a:hover input{background-color:#1d9d74;color:#fff;text-decoration:none}.fontawesome-icon-list .fa-hover a:hover .fa{font-size:28px;vertical-align:-6px}.fontawesome-icon-list .fa-hover a:hover .text-muted{color:#bbe2d5}.feature-list .col-md-4{margin-bottom:22px}.feature-list h4 .fa:before{vertical-align:-10%;font-size:28px;display:inline-block;width:1.07142857em;text-align:center;margin-right:5px}.rating{unicode-bidi:bidi-override;direction:rtl;font-size:30px}
		.icon-name { border:0 }
		</style>
	</head>

	<body class="no-skin">
		<!-- #section:basics/navbar.layout -->
		<div id="navbar" class="navbar navbar-default          ace-save-state">
			<div class="navbar-container ace-save-state" id="navbar-container">
				<!-- #section:basics/sidebar.mobile.toggle -->
				<button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler" data-target="#sidebar">
					<span class="sr-only">Toggle sidebar</span>

					<span class="icon-bar"></span>

					<span class="icon-bar"></span>

					<span class="icon-bar"></span>
				</button>

				<!-- /section:basics/sidebar.mobile.toggle -->
				<div class="navbar-header pull-left">
					<!-- #section:basics/navbar.layout.brand -->
					<a href="#" class="navbar-brand">
						<small>
							<i class="fa fa-leaf"></i>
							Ace Admin
						</small>
					</a>

					<!-- /section:basics/navbar.layout.brand -->

					<!-- #section:basics/navbar.toggle -->

					<!-- /section:basics/navbar.toggle -->
				</div>

				<!-- #section:basics/navbar.dropdown -->
				<div class="navbar-buttons navbar-header pull-right" role="navigation">
					<ul class="nav ace-nav">
						<li class="grey dropdown-modal">
							<a data-toggle="dropdown" class="dropdown-toggle" href="#">
								<i class="ace-icon fa fa-tasks"></i>
								<span class="badge badge-grey">4</span>
							</a>

							<ul class="dropdown-menu-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
								<li class="dropdown-header">
									<i class="ace-icon fa fa-check"></i>
									4 Tasks to complete
								</li>

								<li class="dropdown-content">
									<ul class="dropdown-menu dropdown-navbar">
										<li>
											<a href="#">
												<div class="clearfix">
													<span class="pull-left">Software Update</span>
													<span class="pull-right">65%</span>
												</div>

												<div class="progress progress-mini">
													<div style="width:65%" class="progress-bar"></div>
												</div>
											</a>
										</li>

										<li>
											<a href="#">
												<div class="clearfix">
													<span class="pull-left">Hardware Upgrade</span>
													<span class="pull-right">35%</span>
												</div>

												<div class="progress progress-mini">
													<div style="width:35%" class="progress-bar progress-bar-danger"></div>
												</div>
											</a>
										</li>

										<li>
											<a href="#">
												<div class="clearfix">
													<span class="pull-left">Unit Testing</span>
													<span class="pull-right">15%</span>
												</div>

												<div class="progress progress-mini">
													<div style="width:15%" class="progress-bar progress-bar-warning"></div>
												</div>
											</a>
										</li>

										<li>
											<a href="#">
												<div class="clearfix">
													<span class="pull-left">Bug Fixes</span>
													<span class="pull-right">90%</span>
												</div>

												<div class="progress progress-mini progress-striped active">
													<div style="width:90%" class="progress-bar progress-bar-success"></div>
												</div>
											</a>
										</li>
									</ul>
								</li>

								<li class="dropdown-footer">
									<a href="#">
										See tasks with details
										<i class="ace-icon fa fa-arrow-right"></i>
									</a>
								</li>
							</ul>
						</li>

						<li class="purple dropdown-modal">
							<a data-toggle="dropdown" class="dropdown-toggle" href="#">
								<i class="ace-icon fa fa-bell icon-animated-bell"></i>
								<span class="badge badge-important">8</span>
							</a>

							<ul class="dropdown-menu-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close">
								<li class="dropdown-header">
									<i class="ace-icon fa fa-exclamation-triangle"></i>
									8 Notifications
								</li>

								<li class="dropdown-content">
									<ul class="dropdown-menu dropdown-navbar navbar-pink">
										<li>
											<a href="#">
												<div class="clearfix">
													<span class="pull-left">
														<i class="btn btn-xs no-hover btn-pink fa fa-comment"></i>
														New Comments
													</span>
													<span class="pull-right badge badge-info">+12</span>
												</div>
											</a>
										</li>

										<li>
											<a href="#">
												<i class="btn btn-xs btn-primary fa fa-user"></i>
												Bob just signed up as an editor ...
											</a>
										</li>

										<li>
											<a href="#">
												<div class="clearfix">
													<span class="pull-left">
														<i class="btn btn-xs no-hover btn-success fa fa-shopping-cart"></i>
														New Orders
													</span>
													<span class="pull-right badge badge-success">+8</span>
												</div>
											</a>
										</li>

										<li>
											<a href="#">
												<div class="clearfix">
													<span class="pull-left">
														<i class="btn btn-xs no-hover btn-info fa fa-twitter"></i>
														Followers
													</span>
													<span class="pull-right badge badge-info">+11</span>
												</div>
											</a>
										</li>
									</ul>
								</li>

								<li class="dropdown-footer">
									<a href="#">
										See all notifications
										<i class="ace-icon fa fa-arrow-right"></i>
									</a>
								</li>
							</ul>
						</li>

						<li class="green dropdown-modal">
							<a data-toggle="dropdown" class="dropdown-toggle" href="#">
								<i class="ace-icon fa fa-envelope icon-animated-vertical"></i>
								<span class="badge badge-success">5</span>
							</a>

							<ul class="dropdown-menu-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
								<li class="dropdown-header">
									<i class="ace-icon fa fa-envelope-o"></i>
									5 Messages
								</li>

								<li class="dropdown-content">
									<ul class="dropdown-menu dropdown-navbar">
										<li>
											<a href="#" class="clearfix">
												<img src="../assets/avatars/avatar.png" class="msg-photo" alt="Alex's Avatar" />
												<span class="msg-body">
													<span class="msg-title">
														<span class="blue">Alex:</span>
														Ciao sociis natoque penatibus et auctor ...
													</span>

													<span class="msg-time">
														<i class="ace-icon fa fa-clock-o"></i>
														<span>a moment ago</span>
													</span>
												</span>
											</a>
										</li>

										<li>
											<a href="#" class="clearfix">
												<img src="../assets/avatars/avatar3.png" class="msg-photo" alt="Susan's Avatar" />
												<span class="msg-body">
													<span class="msg-title">
														<span class="blue">Susan:</span>
														Vestibulum id ligula porta felis euismod ...
													</span>

													<span class="msg-time">
														<i class="ace-icon fa fa-clock-o"></i>
														<span>20 minutes ago</span>
													</span>
												</span>
											</a>
										</li>

										<li>
											<a href="#" class="clearfix">
												<img src="../assets/avatars/avatar4.png" class="msg-photo" alt="Bob's Avatar" />
												<span class="msg-body">
													<span class="msg-title">
														<span class="blue">Bob:</span>
														Nullam quis risus eget urna mollis ornare ...
													</span>

													<span class="msg-time">
														<i class="ace-icon fa fa-clock-o"></i>
														<span>3:15 pm</span>
													</span>
												</span>
											</a>
										</li>

										<li>
											<a href="#" class="clearfix">
												<img src="../assets/avatars/avatar2.png" class="msg-photo" alt="Kate's Avatar" />
												<span class="msg-body">
													<span class="msg-title">
														<span class="blue">Kate:</span>
														Ciao sociis natoque eget urna mollis ornare ...
													</span>

													<span class="msg-time">
														<i class="ace-icon fa fa-clock-o"></i>
														<span>1:33 pm</span>
													</span>
												</span>
											</a>
										</li>

										<li>
											<a href="#" class="clearfix">
												<img src="../assets/avatars/avatar5.png" class="msg-photo" alt="Fred's Avatar" />
												<span class="msg-body">
													<span class="msg-title">
														<span class="blue">Fred:</span>
														Vestibulum id penatibus et auctor  ...
													</span>

													<span class="msg-time">
														<i class="ace-icon fa fa-clock-o"></i>
														<span>10:09 am</span>
													</span>
												</span>
											</a>
										</li>
									</ul>
								</li>

								<li class="dropdown-footer">
									<a href="inbox.html">
										See all messages
										<i class="ace-icon fa fa-arrow-right"></i>
									</a>
								</li>
							</ul>
						</li>

						<!-- #section:basics/navbar.user_menu -->
						<li class="light-blue dropdown-modal">
							<a data-toggle="dropdown" href="#" class="dropdown-toggle">
								<img class="nav-user-photo" src="../assets/avatars/user.jpg" alt="Jason's Photo" />
								<span class="user-info">
									<small>Welcome,</small>
									Jason
								</span>

								<i class="ace-icon fa fa-caret-down"></i>
							</a>

							<ul class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
								<li>
									<a href="#">
										<i class="ace-icon fa fa-cog"></i>
										Settings
									</a>
								</li>

								<li>
									<a href="profile.html">
										<i class="ace-icon fa fa-user"></i>
										Profile
									</a>
								</li>

								<li class="divider"></li>

								<li>
									<a href="#">
										<i class="ace-icon fa fa-power-off"></i>
										Logout
									</a>
								</li>
							</ul>
						</li>

						<!-- /section:basics/navbar.user_menu -->
					</ul>
				</div>

				<!-- /section:basics/navbar.dropdown -->
			</div><!-- /.navbar-container -->
		</div>

		<!-- /section:basics/navbar.layout -->
		<div class="main-container ace-save-state" id="main-container">
			<script type="text/javascript">
				try{ace.settings.loadState('main-container')}catch(e){}
			</script>

			<!-- #section:basics/sidebar -->
			<div id="sidebar" class="sidebar                  responsive                    ace-save-state">
				<script type="text/javascript">
					try{ace.settings.loadState('sidebar')}catch(e){}
				</script>

				<div class="sidebar-shortcuts" id="sidebar-shortcuts">
					<div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
						<button class="btn btn-success">
							<a href="###" class="btn-success"><i class="ace-icon fa fa-signal"></i></a>
						</button>

						<button class="btn btn-info">
							<i class="ace-icon fa fa-pencil"></i>
						</button>

						<!-- #section:basics/sidebar.layout.shortcuts -->
						<button class="btn btn-warning">
							<i class="ace-icon fa fa-users"></i>
						</button>

						<button class="btn btn-danger">
							<i class="ace-icon fa fa-cogs"></i>
						</button>

						<!-- /section:basics/sidebar.layout.shortcuts -->
					</div>

					<div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
						<span class="btn btn-success"></span>

						<span class="btn btn-info"></span>

						<span class="btn btn-warning"></span>

						<span class="btn btn-danger"></span>
					</div>
				</div><!-- /.sidebar-shortcuts -->

				<ul class="nav nav-list">
					<li class="">
						<a href="index.html">
							<i class="menu-icon fa fa-tachometer"></i>
							<span class="menu-text"> Dashboard </span>
						</a>

						<b class="arrow"></b>
					</li>

					<li class="">
						<a href="#" class="dropdown-toggle">
							<i class="menu-icon fa fa-desktop"></i>
							<span class="menu-text">
								UI &amp; Elements
							</span>

							<b class="arrow fa fa-angle-down"></b>
						</a>

						<b class="arrow"></b>

						<ul class="submenu">
							<li class="">
								<a href="#" class="dropdown-toggle">
									<i class="menu-icon fa fa-caret-right"></i>

									Layouts
									<b class="arrow fa fa-angle-down"></b>
								</a>

								<b class="arrow"></b>

								<ul class="submenu">
									<li class="">
										<a href="top-menu.html">
											<i class="menu-icon fa fa-caret-right"></i>
											Top Menu
										</a>

										<b class="arrow"></b>
									</li>

									<li class="">
										<a href="two-menu-1.html">
											<i class="menu-icon fa fa-caret-right"></i>
											Two Menus 1
										</a>

										<b class="arrow"></b>
									</li>

									<li class="">
										<a href="two-menu-2.html">
											<i class="menu-icon fa fa-caret-right"></i>
											Two Menus 2
										</a>

										<b class="arrow"></b>
									</li>

									<li class="">
										<a href="mobile-menu-1.html">
											<i class="menu-icon fa fa-caret-right"></i>
											Default Mobile Menu
										</a>

										<b class="arrow"></b>
									</li>

									<li class="">
										<a href="mobile-menu-2.html">
											<i class="menu-icon fa fa-caret-right"></i>
											Mobile Menu 2
										</a>

										<b class="arrow"></b>
									</li>

									<li class="">
										<a href="mobile-menu-3.html">
											<i class="menu-icon fa fa-caret-right"></i>
											Mobile Menu 3
										</a>

										<b class="arrow"></b>
									</li>
								</ul>
							</li>

							<li class="">
								<a href="typography.html">
									<i class="menu-icon fa fa-caret-right"></i>
									Typography
								</a>

								<b class="arrow"></b>
							</li>

							<li class="">
								<a href="elements.html">
									<i class="menu-icon fa fa-caret-right"></i>
									Elements
								</a>

								<b class="arrow"></b>
							</li>

							<li class="">
								<a href="buttons.html">
									<i class="menu-icon fa fa-caret-right"></i>
									Buttons &amp; Icons
								</a>

								<b class="arrow"></b>
							</li>

							<li class="">
								<a href="content-slider.html">
									<i class="menu-icon fa fa-caret-right"></i>
									Content Sliders
								</a>

								<b class="arrow"></b>
							</li>

							<li class="">
								<a href="treeview.html">
									<i class="menu-icon fa fa-caret-right"></i>
									Treeview
								</a>

								<b class="arrow"></b>
							</li>

							<li class="">
								<a href="jquery-ui.html">
									<i class="menu-icon fa fa-caret-right"></i>
									jQuery UI
								</a>

								<b class="arrow"></b>
							</li>

							<li class="">
								<a href="nestable-list.html">
									<i class="menu-icon fa fa-caret-right"></i>
									Nestable Lists
								</a>

								<b class="arrow"></b>
							</li>

							<li class="">
								<a href="#" class="dropdown-toggle">
									<i class="menu-icon fa fa-caret-right"></i>

									Three Level Menu
									<b class="arrow fa fa-angle-down"></b>
								</a>

								<b class="arrow"></b>

								<ul class="submenu">
									<li class="">
										<a href="#">
											<i class="menu-icon fa fa-leaf green"></i>
											Item #1
										</a>

										<b class="arrow"></b>
									</li>

									<li class="">
										<a href="#" class="dropdown-toggle">
											<i class="menu-icon fa fa-pencil orange"></i>

											4th level
											<b class="arrow fa fa-angle-down"></b>
										</a>

										<b class="arrow"></b>

										<ul class="submenu">
											<li class="">
												<a href="#">
													<i class="menu-icon fa fa-plus purple"></i>
													Add Product
												</a>

												<b class="arrow"></b>
											</li>

											<li class="">
												<a href="#">
													<i class="menu-icon fa fa-eye pink"></i>
													View Products
												</a>

												<b class="arrow"></b>
											</li>
										</ul>
									</li>
								</ul>
							</li>
						</ul>
					</li>

					<li class="">
						<a href="#" class="dropdown-toggle">
							<i class="menu-icon fa fa-list"></i>
							<span class="menu-text"> Tables </span>

							<b class="arrow fa fa-angle-down"></b>
						</a>

						<b class="arrow"></b>

						<ul class="submenu">
							<li class="">
								<a href="tables.html">
									<i class="menu-icon fa fa-caret-right"></i>
									Simple &amp; Dynamic
								</a>

								<b class="arrow"></b>
							</li>

							<li class="">
								<a href="jqgrid.html">
									<i class="menu-icon fa fa-caret-right"></i>
									jqGrid plugin
								</a>

								<b class="arrow"></b>
							</li>
						</ul>
					</li>

					<li class="">
						<a href="#" class="dropdown-toggle">
							<i class="menu-icon fa fa-pencil-square-o"></i>
							<span class="menu-text"> Forms </span>

							<b class="arrow fa fa-angle-down"></b>
						</a>

						<b class="arrow"></b>

						<ul class="submenu">
							<li class="">
								<a href="form-elements.html">
									<i class="menu-icon fa fa-caret-right"></i>
									Form Elements
								</a>

								<b class="arrow"></b>
							</li>

							<li class="">
								<a href="form-elements-2.html">
									<i class="menu-icon fa fa-caret-right"></i>
									Form Elements 2
								</a>

								<b class="arrow"></b>
							</li>

							<li class="">
								<a href="form-wizard.html">
									<i class="menu-icon fa fa-caret-right"></i>
									Wizard &amp; Validation
								</a>

								<b class="arrow"></b>
							</li>

							<li class="">
								<a href="wysiwyg.html">
									<i class="menu-icon fa fa-caret-right"></i>
									Wysiwyg &amp; Markdown
								</a>

								<b class="arrow"></b>
							</li>

							<li class="">
								<a href="dropzone.html">
									<i class="menu-icon fa fa-caret-right"></i>
									Dropzone File Upload
								</a>

								<b class="arrow"></b>
							</li>
						</ul>
					</li>

					<li class="">
						<a href="widgets.html">
							<i class="menu-icon fa fa-list-alt"></i>
							<span class="menu-text"> Widgets </span>
						</a>

						<b class="arrow"></b>
					</li>

					<li class="">
						<a href="calendar.html">
							<i class="menu-icon fa fa-calendar"></i>

							<span class="menu-text">
								Calendar

								<!-- #section:basics/sidebar.layout.badge -->
								<span class="badge badge-transparent tooltip-error" title="2 Important Events">
									<i class="ace-icon fa fa-exclamation-triangle red bigger-130"></i>
								</span>

								<!-- /section:basics/sidebar.layout.badge -->
							</span>
						</a>

						<b class="arrow"></b>
					</li>

					<li class="">
						<a href="gallery.html">
							<i class="menu-icon fa fa-picture-o"></i>
							<span class="menu-text"> Gallery </span>
						</a>

						<b class="arrow"></b>
					</li>

					<li class="">
						<a href="#" class="dropdown-toggle">
							<i class="menu-icon fa fa-tag"></i>
							<span class="menu-text"> More Pages </span>

							<b class="arrow fa fa-angle-down"></b>
						</a>

						<b class="arrow"></b>

						<ul class="submenu">
							<li class="">
								<a href="profile.html">
									<i class="menu-icon fa fa-caret-right"></i>
									User Profile
								</a>

								<b class="arrow"></b>
							</li>

							<li class="">
								<a href="inbox.html">
									<i class="menu-icon fa fa-caret-right"></i>
									Inbox
								</a>

								<b class="arrow"></b>
							</li>

							<li class="">
								<a href="pricing.html">
									<i class="menu-icon fa fa-caret-right"></i>
									Pricing Tables
								</a>

								<b class="arrow"></b>
							</li>

							<li class="">
								<a href="invoice.html">
									<i class="menu-icon fa fa-caret-right"></i>
									Invoice
								</a>

								<b class="arrow"></b>
							</li>

							<li class="">
								<a href="timeline.html">
									<i class="menu-icon fa fa-caret-right"></i>
									Timeline
								</a>

								<b class="arrow"></b>
							</li>

							<li class="">
								<a href="search.html">
									<i class="menu-icon fa fa-caret-right"></i>
									Search Results
								</a>

								<b class="arrow"></b>
							</li>

							<li class="">
								<a href="email.html">
									<i class="menu-icon fa fa-caret-right"></i>
									Email Templates
								</a>

								<b class="arrow"></b>
							</li>

							<li class="">
								<a href="login.html">
									<i class="menu-icon fa fa-caret-right"></i>
									Login &amp; Register
								</a>

								<b class="arrow"></b>
							</li>
						</ul>
					</li>

					<li class="active open">
						<a href="#" class="dropdown-toggle">
							<i class="menu-icon fa fa-file-o"></i>

							<span class="menu-text">
								Other Pages

								<!-- #section:basics/sidebar.layout.badge -->
								<span class="badge badge-primary">5</span>

								<!-- /section:basics/sidebar.layout.badge -->
							</span>

							<b class="arrow fa fa-angle-down"></b>
						</a>

						<b class="arrow"></b>

						<ul class="submenu">
							<li class="">
								<a href="faq.html">
									<i class="menu-icon fa fa-caret-right"></i>
									FAQ
								</a>

								<b class="arrow"></b>
							</li>

							<li class="">
								<a href="error-404.html">
									<i class="menu-icon fa fa-caret-right"></i>
									Error 404
								</a>

								<b class="arrow"></b>
							</li>

							<li class="">
								<a href="error-500.html">
									<i class="menu-icon fa fa-caret-right"></i>
									Error 500
								</a>

								<b class="arrow"></b>
							</li>

							<li class="">
								<a href="grid.html">
									<i class="menu-icon fa fa-caret-right"></i>
									Grid
								</a>

								<b class="arrow"></b>
							</li>

							<li class="active">
								<a href="blank.html">
									<i class="menu-icon fa fa-caret-right"></i>
									Blank Page
								</a>

								<b class="arrow"></b>
							</li>
						</ul>
					</li>
				</ul><!-- /.nav-list -->

				<!-- #section:basics/sidebar.layout.minimize -->
				<div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
					<i id="sidebar-toggle-icon" class="ace-icon fa fa-angle-double-left ace-save-state" data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
				</div>

				<!-- /section:basics/sidebar.layout.minimize -->
			</div>

			<!-- /section:basics/sidebar -->
			<div class="main-content">
				<div class="main-content-inner">
					<!-- #section:basics/content.breadcrumbs -->
					<div class="breadcrumbs ace-save-state" id="breadcrumbs">
						<ul class="breadcrumb">
							<li>
								<i class="ace-icon fa fa-home home-icon"></i>
								<a href="#">Home</a>
							</li>

							<li>
								<a href="#">Other Pages</a>
							</li>
							<li class="active">Blank Page</li>
						</ul><!-- /.breadcrumb -->

						<!-- #section:basics/content.searchbox -->
						<div class="nav-search" id="nav-search">
							<form class="form-search">
								<span class="input-icon">
									<input type="text" placeholder="Search ..." class="nav-search-input" id="nav-search-input" autocomplete="off" />
									<i class="ace-icon fa fa-search nav-search-icon"></i>
								</span>
							</form>
						</div><!-- /.nav-search -->

						<!-- /section:basics/content.searchbox -->
					</div>

					<!-- /section:basics/content.breadcrumbs -->
					<div class="page-content">
						<!-- #section:settings.box -->
						<div class="ace-settings-container" id="ace-settings-container">
							<div class="btn btn-app btn-xs btn-warning ace-settings-btn" id="ace-settings-btn">
								<i class="ace-icon fa fa-cog bigger-130"></i>
							</div>

							<div class="ace-settings-box clearfix" id="ace-settings-box">
								<div class="pull-left width-50">
									<!-- #section:settings.skins -->
									<div class="ace-settings-item">
										<div class="pull-left">
											<select id="skin-colorpicker" class="hide">
												<option data-skin="no-skin" value="#438EB9">#438EB9</option>
												<option data-skin="skin-1" value="#222A2D">#222A2D</option>
												<option data-skin="skin-2" value="#C6487E">#C6487E</option>
												<option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
											</select>
										</div>
										<span>&nbsp; Choose Skin</span>
									</div>

									<!-- /section:settings.skins -->

									<!-- #section:settings.navbar -->
									<div class="ace-settings-item">
										<input type="checkbox" class="ace ace-checkbox-2 ace-save-state" id="ace-settings-navbar" autocomplete="off" />
										<label class="lbl" for="ace-settings-navbar"> Fixed Navbar</label>
									</div>

									<!-- /section:settings.navbar -->

									<!-- #section:settings.sidebar -->
									<div class="ace-settings-item">
										<input type="checkbox" class="ace ace-checkbox-2 ace-save-state" id="ace-settings-sidebar" autocomplete="off" />
										<label class="lbl" for="ace-settings-sidebar"> Fixed Sidebar</label>
									</div>

									<!-- /section:settings.sidebar -->

									<!-- #section:settings.breadcrumbs -->
									<div class="ace-settings-item">
										<input type="checkbox" class="ace ace-checkbox-2 ace-save-state" id="ace-settings-breadcrumbs" autocomplete="off" />
										<label class="lbl" for="ace-settings-breadcrumbs"> Fixed Breadcrumbs</label>
									</div>

									<!-- /section:settings.breadcrumbs -->

									<!-- #section:settings.rtl -->
									<div class="ace-settings-item">
										<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-rtl" autocomplete="off" />
										<label class="lbl" for="ace-settings-rtl"> Right To Left (rtl)</label>
									</div>

									<!-- /section:settings.rtl -->

									<!-- #section:settings.container -->
									<div class="ace-settings-item">
										<input type="checkbox" class="ace ace-checkbox-2 ace-save-state" id="ace-settings-add-container" autocomplete="off" />
										<label class="lbl" for="ace-settings-add-container">
											Inside
											<b>.container</b>
										</label>
									</div>

									<!-- /section:settings.container -->
								</div><!-- /.pull-left -->

								<div class="pull-left width-50">
									<!-- #section:basics/sidebar.options -->
									<div class="ace-settings-item">
										<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-hover" autocomplete="off" />
										<label class="lbl" for="ace-settings-hover"> Submenu on Hover</label>
									</div>

									<div class="ace-settings-item">
										<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-compact" autocomplete="off" />
										<label class="lbl" for="ace-settings-compact"> Compact Sidebar</label>
									</div>

									<div class="ace-settings-item">
										<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-highlight" autocomplete="off" />
										<label class="lbl" for="ace-settings-highlight"> Alt. Active Item</label>
									</div>

									<!-- /section:basics/sidebar.options -->
								</div><!-- /.pull-left -->
							</div><!-- /.ace-settings-box -->
						</div><!-- /.ace-settings-container -->

						<!-- /section:settings.box -->
						<div class="row">
							<div class="col-xs-12">
								<!-- PAGE CONTENT BEGINS -->
									<small><button data-toggle="dropdown" class="btn btn-mini btn-info dropdown-toggle"> Quick <i class="ace-icon fa fa-angle-down icon-on-right"></i>
		</button>
		<ul class="dropdown-menu dropdown-default">
            <li><a href=""><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
            <li class="divider"></li>
            <li><a href="#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
            <li><a href="#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
            <li><a href="#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
            <li><a href="#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
            <li><a href="#transportation"><i class="fa fa-ship fa-fw" aria-hidden="true"></i>&nbsp; Transportation Icons</a></li>
            <li><a href="#gender"><i class="fa fa-venus fa-fw" aria-hidden="true"></i>&nbsp; Gender Icons</a></li>
            <li><a href="#file-type"><i class="fa fa-file-image-o fa-fw" aria-hidden="true"></i>&nbsp; File Type Icons</a></li>
            <li><a href="#spinner"><i class="fa fa-spinner fa-fw" aria-hidden="true"></i>&nbsp; Spinner Icons</a></li>
            <li><a href="#form-control"><i class="fa fa-check-square fa-fw" aria-hidden="true"></i>&nbsp; Form Control Icons</a></li>
            <li><a href="#payment"><i class="fa fa-credit-card fa-fw" aria-hidden="true"></i>&nbsp; Payment Icons</a></li>
            <li><a href="#chart"><i class="fa fa-pie-chart fa-fw" aria-hidden="true"></i>&nbsp; Chart Icons</a></li>
            <li><a href="#currency"><i class="fa fa-won fa-fw" aria-hidden="true"></i>&nbsp; Currency Icons</a></li>
            <li><a href="#text-editor"><i class="fa fa-file-text-o fa-fw" aria-hidden="true"></i>&nbsp; Text Editor Icons</a></li>
            <li><a href="#directional"><i class="fa fa-arrow-right fa-fw" aria-hidden="true"></i>&nbsp; Directional Icons</a></li>
            <li><a href="#video-player"><i class="fa fa-play-circle fa-fw" aria-hidden="true"></i>&nbsp; Video Player Icons</a></li>
            <li><a href="#brand"><i class="fa fa-facebook-official fa-fw" aria-hidden="true"></i>&nbsp; Brand Icons</a></li>
            <li><a href="#medical"><i class="fa fa-medkit fa-fw" aria-hidden="true"></i>&nbsp; Medical Icons</a></li>
          </ul>
		</small> 
		
		
		<div id="icons">
    <section id="new">
  <h2 class="page-header">41 New Icons in 4.7</h2>
  

  <div class="row fontawesome-icon-list">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/address-book"><i class="fa fa-address-book" aria-hidden="true"></i> <span class="sr-only">Example of </span>address-book</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/address-book-o"><i class="fa fa-address-book-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>address-book-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/address-card"><i class="fa fa-address-card" aria-hidden="true"></i> <span class="sr-only">Example of </span>address-card</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/address-card-o"><i class="fa fa-address-card-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>address-card-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bandcamp"><i class="fa fa-bandcamp" aria-hidden="true"></i> <span class="sr-only">Example of </span>bandcamp</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bath"><i class="fa fa-bath" aria-hidden="true"></i> <span class="sr-only">Example of </span>bath</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bath"><i class="fa fa-bathtub" aria-hidden="true"></i> <span class="sr-only">Example of </span>bathtub <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/id-card"><i class="fa fa-drivers-license" aria-hidden="true"></i> <span class="sr-only">Example of </span>drivers-license <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/id-card-o"><i class="fa fa-drivers-license-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>drivers-license-o <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/eercast"><i class="fa fa-eercast" aria-hidden="true"></i> <span class="sr-only">Example of </span>eercast</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/envelope-open"><i class="fa fa-envelope-open" aria-hidden="true"></i> <span class="sr-only">Example of </span>envelope-open</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/envelope-open-o"><i class="fa fa-envelope-open-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>envelope-open-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/etsy"><i class="fa fa-etsy" aria-hidden="true"></i> <span class="sr-only">Example of </span>etsy</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/free-code-camp"><i class="fa fa-free-code-camp" aria-hidden="true"></i> <span class="sr-only">Example of </span>free-code-camp</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/grav"><i class="fa fa-grav" aria-hidden="true"></i> <span class="sr-only">Example of </span>grav</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/handshake-o"><i class="fa fa-handshake-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>handshake-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/id-badge"><i class="fa fa-id-badge" aria-hidden="true"></i> <span class="sr-only">Example of </span>id-badge</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/id-card"><i class="fa fa-id-card" aria-hidden="true"></i> <span class="sr-only">Example of </span>id-card</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/id-card-o"><i class="fa fa-id-card-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>id-card-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/imdb"><i class="fa fa-imdb" aria-hidden="true"></i> <span class="sr-only">Example of </span>imdb</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/linode"><i class="fa fa-linode" aria-hidden="true"></i> <span class="sr-only">Example of </span>linode</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/meetup"><i class="fa fa-meetup" aria-hidden="true"></i> <span class="sr-only">Example of </span>meetup</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/microchip"><i class="fa fa-microchip" aria-hidden="true"></i> <span class="sr-only">Example of </span>microchip</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/podcast"><i class="fa fa-podcast" aria-hidden="true"></i> <span class="sr-only">Example of </span>podcast</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/quora"><i class="fa fa-quora" aria-hidden="true"></i> <span class="sr-only">Example of </span>quora</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/ravelry"><i class="fa fa-ravelry" aria-hidden="true"></i> <span class="sr-only">Example of </span>ravelry</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bath"><i class="fa fa-s15" aria-hidden="true"></i> <span class="sr-only">Example of </span>s15 <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/shower"><i class="fa fa-shower" aria-hidden="true"></i> <span class="sr-only">Example of </span>shower</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/snowflake-o"><i class="fa fa-snowflake-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>snowflake-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/superpowers"><i class="fa fa-superpowers" aria-hidden="true"></i> <span class="sr-only">Example of </span>superpowers</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/telegram"><i class="fa fa-telegram" aria-hidden="true"></i> <span class="sr-only">Example of </span>telegram</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/thermometer-full"><i class="fa fa-thermometer" aria-hidden="true"></i> <span class="sr-only">Example of </span>thermometer <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/thermometer-empty"><i class="fa fa-thermometer-0" aria-hidden="true"></i> <span class="sr-only">Example of </span>thermometer-0 <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/thermometer-quarter"><i class="fa fa-thermometer-1" aria-hidden="true"></i> <span class="sr-only">Example of </span>thermometer-1 <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/thermometer-half"><i class="fa fa-thermometer-2" aria-hidden="true"></i> <span class="sr-only">Example of </span>thermometer-2 <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/thermometer-three-quarters"><i class="fa fa-thermometer-3" aria-hidden="true"></i> <span class="sr-only">Example of </span>thermometer-3 <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/thermometer-full"><i class="fa fa-thermometer-4" aria-hidden="true"></i> <span class="sr-only">Example of </span>thermometer-4 <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/thermometer-empty"><i class="fa fa-thermometer-empty" aria-hidden="true"></i> <span class="sr-only">Example of </span>thermometer-empty</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/thermometer-full"><i class="fa fa-thermometer-full" aria-hidden="true"></i> <span class="sr-only">Example of </span>thermometer-full</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/thermometer-half"><i class="fa fa-thermometer-half" aria-hidden="true"></i> <span class="sr-only">Example of </span>thermometer-half</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/thermometer-quarter"><i class="fa fa-thermometer-quarter" aria-hidden="true"></i> <span class="sr-only">Example of </span>thermometer-quarter</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/thermometer-three-quarters"><i class="fa fa-thermometer-three-quarters" aria-hidden="true"></i> <span class="sr-only">Example of </span>thermometer-three-quarters</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/window-close"><i class="fa fa-times-rectangle" aria-hidden="true"></i> <span class="sr-only">Example of </span>times-rectangle <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/window-close-o"><i class="fa fa-times-rectangle-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>times-rectangle-o <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/user-circle"><i class="fa fa-user-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>user-circle</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/user-circle-o"><i class="fa fa-user-circle-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>user-circle-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/user-o"><i class="fa fa-user-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>user-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/address-card"><i class="fa fa-vcard" aria-hidden="true"></i> <span class="sr-only">Example of </span>vcard <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/address-card-o"><i class="fa fa-vcard-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>vcard-o <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/window-close"><i class="fa fa-window-close" aria-hidden="true"></i> <span class="sr-only">Example of </span>window-close</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/window-close-o"><i class="fa fa-window-close-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>window-close-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/window-maximize"><i class="fa fa-window-maximize" aria-hidden="true"></i> <span class="sr-only">Example of </span>window-maximize</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/window-minimize"><i class="fa fa-window-minimize" aria-hidden="true"></i> <span class="sr-only">Example of </span>window-minimize</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/window-restore"><i class="fa fa-window-restore" aria-hidden="true"></i> <span class="sr-only">Example of </span>window-restore</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/wpexplorer"><i class="fa fa-wpexplorer" aria-hidden="true"></i> <span class="sr-only">Example of </span>wpexplorer</a></div>
    
  </div>

</section>

    <section id="web-application">
  <h2 class="page-header">Web Application Icons</h2>

  <div class="row fontawesome-icon-list">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/address-book"><i class="fa fa-address-book" aria-hidden="true"></i> <span class="sr-only">Example of </span>address-book</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/address-book-o"><i class="fa fa-address-book-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>address-book-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/address-card"><i class="fa fa-address-card" aria-hidden="true"></i> <span class="sr-only">Example of </span>address-card</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/address-card-o"><i class="fa fa-address-card-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>address-card-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/adjust"><i class="fa fa-adjust" aria-hidden="true"></i> <span class="sr-only">Example of </span>adjust</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/american-sign-language-interpreting"><i class="fa fa-american-sign-language-interpreting" aria-hidden="true"></i> <span class="sr-only">Example of </span>american-sign-language-interpreting</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/anchor"><i class="fa fa-anchor" aria-hidden="true"></i> <span class="sr-only">Example of </span>anchor</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/archive"><i class="fa fa-archive" aria-hidden="true"></i> <span class="sr-only">Example of </span>archive</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/area-chart"><i class="fa fa-area-chart" aria-hidden="true"></i> <span class="sr-only">Example of </span>area-chart</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/arrows"><i class="fa fa-arrows" aria-hidden="true"></i> <span class="sr-only">Example of </span>arrows</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/arrows-h"><i class="fa fa-arrows-h" aria-hidden="true"></i> <span class="sr-only">Example of </span>arrows-h</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/arrows-v"><i class="fa fa-arrows-v" aria-hidden="true"></i> <span class="sr-only">Example of </span>arrows-v</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/american-sign-language-interpreting"><i class="fa fa-asl-interpreting" aria-hidden="true"></i> <span class="sr-only">Example of </span>asl-interpreting <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/assistive-listening-systems"><i class="fa fa-assistive-listening-systems" aria-hidden="true"></i> <span class="sr-only">Example of </span>assistive-listening-systems</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/asterisk"><i class="fa fa-asterisk" aria-hidden="true"></i> <span class="sr-only">Example of </span>asterisk</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/at"><i class="fa fa-at" aria-hidden="true"></i> <span class="sr-only">Example of </span>at</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/audio-description"><i class="fa fa-audio-description" aria-hidden="true"></i> <span class="sr-only">Example of </span>audio-description</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/car"><i class="fa fa-automobile" aria-hidden="true"></i> <span class="sr-only">Example of </span>automobile <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/balance-scale"><i class="fa fa-balance-scale" aria-hidden="true"></i> <span class="sr-only">Example of </span>balance-scale</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/ban"><i class="fa fa-ban" aria-hidden="true"></i> <span class="sr-only">Example of </span>ban</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/university"><i class="fa fa-bank" aria-hidden="true"></i> <span class="sr-only">Example of </span>bank <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bar-chart"><i class="fa fa-bar-chart" aria-hidden="true"></i> <span class="sr-only">Example of </span>bar-chart</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bar-chart"><i class="fa fa-bar-chart-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>bar-chart-o <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/barcode"><i class="fa fa-barcode" aria-hidden="true"></i> <span class="sr-only">Example of </span>barcode</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bars"><i class="fa fa-bars" aria-hidden="true"></i> <span class="sr-only">Example of </span>bars</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bath"><i class="fa fa-bath" aria-hidden="true"></i> <span class="sr-only">Example of </span>bath</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bath"><i class="fa fa-bathtub" aria-hidden="true"></i> <span class="sr-only">Example of </span>bathtub <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/battery-full"><i class="fa fa-battery" aria-hidden="true"></i> <span class="sr-only">Example of </span>battery <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/battery-empty"><i class="fa fa-battery-0" aria-hidden="true"></i> <span class="sr-only">Example of </span>battery-0 <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/battery-quarter"><i class="fa fa-battery-1" aria-hidden="true"></i> <span class="sr-only">Example of </span>battery-1 <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/battery-half"><i class="fa fa-battery-2" aria-hidden="true"></i> <span class="sr-only">Example of </span>battery-2 <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/battery-three-quarters"><i class="fa fa-battery-3" aria-hidden="true"></i> <span class="sr-only">Example of </span>battery-3 <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/battery-full"><i class="fa fa-battery-4" aria-hidden="true"></i> <span class="sr-only">Example of </span>battery-4 <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/battery-empty"><i class="fa fa-battery-empty" aria-hidden="true"></i> <span class="sr-only">Example of </span>battery-empty</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/battery-full"><i class="fa fa-battery-full" aria-hidden="true"></i> <span class="sr-only">Example of </span>battery-full</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/battery-half"><i class="fa fa-battery-half" aria-hidden="true"></i> <span class="sr-only">Example of </span>battery-half</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/battery-quarter"><i class="fa fa-battery-quarter" aria-hidden="true"></i> <span class="sr-only">Example of </span>battery-quarter</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/battery-three-quarters"><i class="fa fa-battery-three-quarters" aria-hidden="true"></i> <span class="sr-only">Example of </span>battery-three-quarters</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bed"><i class="fa fa-bed" aria-hidden="true"></i> <span class="sr-only">Example of </span>bed</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/beer"><i class="fa fa-beer" aria-hidden="true"></i> <span class="sr-only">Example of </span>beer</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bell"><i class="fa fa-bell" aria-hidden="true"></i> <span class="sr-only">Example of </span>bell</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bell-o"><i class="fa fa-bell-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>bell-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bell-slash"><i class="fa fa-bell-slash" aria-hidden="true"></i> <span class="sr-only">Example of </span>bell-slash</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bell-slash-o"><i class="fa fa-bell-slash-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>bell-slash-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bicycle"><i class="fa fa-bicycle" aria-hidden="true"></i> <span class="sr-only">Example of </span>bicycle</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/binoculars"><i class="fa fa-binoculars" aria-hidden="true"></i> <span class="sr-only">Example of </span>binoculars</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/birthday-cake"><i class="fa fa-birthday-cake" aria-hidden="true"></i> <span class="sr-only">Example of </span>birthday-cake</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/blind"><i class="fa fa-blind" aria-hidden="true"></i> <span class="sr-only">Example of </span>blind</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bluetooth"><i class="fa fa-bluetooth" aria-hidden="true"></i> <span class="sr-only">Example of </span>bluetooth</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bluetooth-b"><i class="fa fa-bluetooth-b" aria-hidden="true"></i> <span class="sr-only">Example of </span>bluetooth-b</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bolt"><i class="fa fa-bolt" aria-hidden="true"></i> <span class="sr-only">Example of </span>bolt</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bomb"><i class="fa fa-bomb" aria-hidden="true"></i> <span class="sr-only">Example of </span>bomb</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/book"><i class="fa fa-book" aria-hidden="true"></i> <span class="sr-only">Example of </span>book</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bookmark"><i class="fa fa-bookmark" aria-hidden="true"></i> <span class="sr-only">Example of </span>bookmark</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bookmark-o"><i class="fa fa-bookmark-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>bookmark-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/braille"><i class="fa fa-braille" aria-hidden="true"></i> <span class="sr-only">Example of </span>braille</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/briefcase"><i class="fa fa-briefcase" aria-hidden="true"></i> <span class="sr-only">Example of </span>briefcase</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bug"><i class="fa fa-bug" aria-hidden="true"></i> <span class="sr-only">Example of </span>bug</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/building"><i class="fa fa-building" aria-hidden="true"></i> <span class="sr-only">Example of </span>building</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/building-o"><i class="fa fa-building-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>building-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bullhorn"><i class="fa fa-bullhorn" aria-hidden="true"></i> <span class="sr-only">Example of </span>bullhorn</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bullseye"><i class="fa fa-bullseye" aria-hidden="true"></i> <span class="sr-only">Example of </span>bullseye</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bus"><i class="fa fa-bus" aria-hidden="true"></i> <span class="sr-only">Example of </span>bus</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/taxi"><i class="fa fa-cab" aria-hidden="true"></i> <span class="sr-only">Example of </span>cab <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/calculator"><i class="fa fa-calculator" aria-hidden="true"></i> <span class="sr-only">Example of </span>calculator</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/calendar"><i class="fa fa-calendar" aria-hidden="true"></i> <span class="sr-only">Example of </span>calendar</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/calendar-check-o"><i class="fa fa-calendar-check-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>calendar-check-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/calendar-minus-o"><i class="fa fa-calendar-minus-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>calendar-minus-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/calendar-o"><i class="fa fa-calendar-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>calendar-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/calendar-plus-o"><i class="fa fa-calendar-plus-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>calendar-plus-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/calendar-times-o"><i class="fa fa-calendar-times-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>calendar-times-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/camera"><i class="fa fa-camera" aria-hidden="true"></i> <span class="sr-only">Example of </span>camera</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/camera-retro"><i class="fa fa-camera-retro" aria-hidden="true"></i> <span class="sr-only">Example of </span>camera-retro</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/car"><i class="fa fa-car" aria-hidden="true"></i> <span class="sr-only">Example of </span>car</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/caret-square-o-down"><i class="fa fa-caret-square-o-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>caret-square-o-down</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/caret-square-o-left"><i class="fa fa-caret-square-o-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>caret-square-o-left</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/caret-square-o-right"><i class="fa fa-caret-square-o-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>caret-square-o-right</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/caret-square-o-up"><i class="fa fa-caret-square-o-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>caret-square-o-up</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/cart-arrow-down"><i class="fa fa-cart-arrow-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>cart-arrow-down</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/cart-plus"><i class="fa fa-cart-plus" aria-hidden="true"></i> <span class="sr-only">Example of </span>cart-plus</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/cc"><i class="fa fa-cc" aria-hidden="true"></i> <span class="sr-only">Example of </span>cc</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/certificate"><i class="fa fa-certificate" aria-hidden="true"></i> <span class="sr-only">Example of </span>certificate</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/check"><i class="fa fa-check" aria-hidden="true"></i> <span class="sr-only">Example of </span>check</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/check-circle"><i class="fa fa-check-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>check-circle</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/check-circle-o"><i class="fa fa-check-circle-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>check-circle-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/check-square"><i class="fa fa-check-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>check-square</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/check-square-o"><i class="fa fa-check-square-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>check-square-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/child"><i class="fa fa-child" aria-hidden="true"></i> <span class="sr-only">Example of </span>child</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/circle"><i class="fa fa-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>circle</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/circle-o"><i class="fa fa-circle-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>circle-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/circle-o-notch"><i class="fa fa-circle-o-notch" aria-hidden="true"></i> <span class="sr-only">Example of </span>circle-o-notch</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/circle-thin"><i class="fa fa-circle-thin" aria-hidden="true"></i> <span class="sr-only">Example of </span>circle-thin</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/clock-o"><i class="fa fa-clock-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>clock-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/clone"><i class="fa fa-clone" aria-hidden="true"></i> <span class="sr-only">Example of </span>clone</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/times"><i class="fa fa-close" aria-hidden="true"></i> <span class="sr-only">Example of </span>close <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/cloud"><i class="fa fa-cloud" aria-hidden="true"></i> <span class="sr-only">Example of </span>cloud</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/cloud-download"><i class="fa fa-cloud-download" aria-hidden="true"></i> <span class="sr-only">Example of </span>cloud-download</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/cloud-upload"><i class="fa fa-cloud-upload" aria-hidden="true"></i> <span class="sr-only">Example of </span>cloud-upload</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/code"><i class="fa fa-code" aria-hidden="true"></i> <span class="sr-only">Example of </span>code</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/code-fork"><i class="fa fa-code-fork" aria-hidden="true"></i> <span class="sr-only">Example of </span>code-fork</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/coffee"><i class="fa fa-coffee" aria-hidden="true"></i> <span class="sr-only">Example of </span>coffee</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/cog"><i class="fa fa-cog" aria-hidden="true"></i> <span class="sr-only">Example of </span>cog</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/cogs"><i class="fa fa-cogs" aria-hidden="true"></i> <span class="sr-only">Example of </span>cogs</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/comment"><i class="fa fa-comment" aria-hidden="true"></i> <span class="sr-only">Example of </span>comment</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/comment-o"><i class="fa fa-comment-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>comment-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/commenting"><i class="fa fa-commenting" aria-hidden="true"></i> <span class="sr-only">Example of </span>commenting</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/commenting-o"><i class="fa fa-commenting-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>commenting-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/comments"><i class="fa fa-comments" aria-hidden="true"></i> <span class="sr-only">Example of </span>comments</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/comments-o"><i class="fa fa-comments-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>comments-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/compass"><i class="fa fa-compass" aria-hidden="true"></i> <span class="sr-only">Example of </span>compass</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/copyright"><i class="fa fa-copyright" aria-hidden="true"></i> <span class="sr-only">Example of </span>copyright</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/creative-commons"><i class="fa fa-creative-commons" aria-hidden="true"></i> <span class="sr-only">Example of </span>creative-commons</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/credit-card"><i class="fa fa-credit-card" aria-hidden="true"></i> <span class="sr-only">Example of </span>credit-card</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/credit-card-alt"><i class="fa fa-credit-card-alt" aria-hidden="true"></i> <span class="sr-only">Example of </span>credit-card-alt</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/crop"><i class="fa fa-crop" aria-hidden="true"></i> <span class="sr-only">Example of </span>crop</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/crosshairs"><i class="fa fa-crosshairs" aria-hidden="true"></i> <span class="sr-only">Example of </span>crosshairs</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/cube"><i class="fa fa-cube" aria-hidden="true"></i> <span class="sr-only">Example of </span>cube</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/cubes"><i class="fa fa-cubes" aria-hidden="true"></i> <span class="sr-only">Example of </span>cubes</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/cutlery"><i class="fa fa-cutlery" aria-hidden="true"></i> <span class="sr-only">Example of </span>cutlery</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/tachometer"><i class="fa fa-dashboard" aria-hidden="true"></i> <span class="sr-only">Example of </span>dashboard <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/database"><i class="fa fa-database" aria-hidden="true"></i> <span class="sr-only">Example of </span>database</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/deaf"><i class="fa fa-deaf" aria-hidden="true"></i> <span class="sr-only">Example of </span>deaf</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/deaf"><i class="fa fa-deafness" aria-hidden="true"></i> <span class="sr-only">Example of </span>deafness <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/desktop"><i class="fa fa-desktop" aria-hidden="true"></i> <span class="sr-only">Example of </span>desktop</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/diamond"><i class="fa fa-diamond" aria-hidden="true"></i> <span class="sr-only">Example of </span>diamond</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/dot-circle-o"><i class="fa fa-dot-circle-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>dot-circle-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/download"><i class="fa fa-download" aria-hidden="true"></i> <span class="sr-only">Example of </span>download</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/id-card"><i class="fa fa-drivers-license" aria-hidden="true"></i> <span class="sr-only">Example of </span>drivers-license <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/id-card-o"><i class="fa fa-drivers-license-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>drivers-license-o <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/pencil-square-o"><i class="fa fa-edit" aria-hidden="true"></i> <span class="sr-only">Example of </span>edit <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/ellipsis-h"><i class="fa fa-ellipsis-h" aria-hidden="true"></i> <span class="sr-only">Example of </span>ellipsis-h</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/ellipsis-v"><i class="fa fa-ellipsis-v" aria-hidden="true"></i> <span class="sr-only">Example of </span>ellipsis-v</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/envelope"><i class="fa fa-envelope" aria-hidden="true"></i> <span class="sr-only">Example of </span>envelope</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/envelope-o"><i class="fa fa-envelope-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>envelope-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/envelope-open"><i class="fa fa-envelope-open" aria-hidden="true"></i> <span class="sr-only">Example of </span>envelope-open</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/envelope-open-o"><i class="fa fa-envelope-open-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>envelope-open-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/envelope-square"><i class="fa fa-envelope-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>envelope-square</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/eraser"><i class="fa fa-eraser" aria-hidden="true"></i> <span class="sr-only">Example of </span>eraser</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/exchange"><i class="fa fa-exchange" aria-hidden="true"></i> <span class="sr-only">Example of </span>exchange</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/exclamation"><i class="fa fa-exclamation" aria-hidden="true"></i> <span class="sr-only">Example of </span>exclamation</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/exclamation-circle"><i class="fa fa-exclamation-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>exclamation-circle</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/exclamation-triangle"><i class="fa fa-exclamation-triangle" aria-hidden="true"></i> <span class="sr-only">Example of </span>exclamation-triangle</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/external-link"><i class="fa fa-external-link" aria-hidden="true"></i> <span class="sr-only">Example of </span>external-link</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/external-link-square"><i class="fa fa-external-link-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>external-link-square</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/eye"><i class="fa fa-eye" aria-hidden="true"></i> <span class="sr-only">Example of </span>eye</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/eye-slash"><i class="fa fa-eye-slash" aria-hidden="true"></i> <span class="sr-only">Example of </span>eye-slash</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/eyedropper"><i class="fa fa-eyedropper" aria-hidden="true"></i> <span class="sr-only">Example of </span>eyedropper</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/fax"><i class="fa fa-fax" aria-hidden="true"></i> <span class="sr-only">Example of </span>fax</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/rss"><i class="fa fa-feed" aria-hidden="true"></i> <span class="sr-only">Example of </span>feed <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/female"><i class="fa fa-female" aria-hidden="true"></i> <span class="sr-only">Example of </span>female</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/fighter-jet"><i class="fa fa-fighter-jet" aria-hidden="true"></i> <span class="sr-only">Example of </span>fighter-jet</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/file-archive-o"><i class="fa fa-file-archive-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-archive-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/file-audio-o"><i class="fa fa-file-audio-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-audio-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/file-code-o"><i class="fa fa-file-code-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-code-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/file-excel-o"><i class="fa fa-file-excel-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-excel-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/file-image-o"><i class="fa fa-file-image-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-image-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/file-video-o"><i class="fa fa-file-movie-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-movie-o <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/file-pdf-o"><i class="fa fa-file-pdf-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-pdf-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/file-image-o"><i class="fa fa-file-photo-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-photo-o <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/file-image-o"><i class="fa fa-file-picture-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-picture-o <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/file-powerpoint-o"><i class="fa fa-file-powerpoint-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-powerpoint-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/file-audio-o"><i class="fa fa-file-sound-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-sound-o <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/file-video-o"><i class="fa fa-file-video-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-video-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/file-word-o"><i class="fa fa-file-word-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-word-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/file-archive-o"><i class="fa fa-file-zip-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-zip-o <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/film"><i class="fa fa-film" aria-hidden="true"></i> <span class="sr-only">Example of </span>film</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/filter"><i class="fa fa-filter" aria-hidden="true"></i> <span class="sr-only">Example of </span>filter</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/fire"><i class="fa fa-fire" aria-hidden="true"></i> <span class="sr-only">Example of </span>fire</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/fire-extinguisher"><i class="fa fa-fire-extinguisher" aria-hidden="true"></i> <span class="sr-only">Example of </span>fire-extinguisher</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/flag"><i class="fa fa-flag" aria-hidden="true"></i> <span class="sr-only">Example of </span>flag</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/flag-checkered"><i class="fa fa-flag-checkered" aria-hidden="true"></i> <span class="sr-only">Example of </span>flag-checkered</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/flag-o"><i class="fa fa-flag-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>flag-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bolt"><i class="fa fa-flash" aria-hidden="true"></i> <span class="sr-only">Example of </span>flash <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/flask"><i class="fa fa-flask" aria-hidden="true"></i> <span class="sr-only">Example of </span>flask</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/folder"><i class="fa fa-folder" aria-hidden="true"></i> <span class="sr-only">Example of </span>folder</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/folder-o"><i class="fa fa-folder-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>folder-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/folder-open"><i class="fa fa-folder-open" aria-hidden="true"></i> <span class="sr-only">Example of </span>folder-open</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/folder-open-o"><i class="fa fa-folder-open-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>folder-open-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/frown-o"><i class="fa fa-frown-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>frown-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/futbol-o"><i class="fa fa-futbol-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>futbol-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/gamepad"><i class="fa fa-gamepad" aria-hidden="true"></i> <span class="sr-only">Example of </span>gamepad</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/gavel"><i class="fa fa-gavel" aria-hidden="true"></i> <span class="sr-only">Example of </span>gavel</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/cog"><i class="fa fa-gear" aria-hidden="true"></i> <span class="sr-only">Example of </span>gear <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/cogs"><i class="fa fa-gears" aria-hidden="true"></i> <span class="sr-only">Example of </span>gears <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/gift"><i class="fa fa-gift" aria-hidden="true"></i> <span class="sr-only">Example of </span>gift</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/glass"><i class="fa fa-glass" aria-hidden="true"></i> <span class="sr-only">Example of </span>glass</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/globe"><i class="fa fa-globe" aria-hidden="true"></i> <span class="sr-only">Example of </span>globe</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/graduation-cap"><i class="fa fa-graduation-cap" aria-hidden="true"></i> <span class="sr-only">Example of </span>graduation-cap</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/users"><i class="fa fa-group" aria-hidden="true"></i> <span class="sr-only">Example of </span>group <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hand-rock-o"><i class="fa fa-hand-grab-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-grab-o <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hand-lizard-o"><i class="fa fa-hand-lizard-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-lizard-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hand-paper-o"><i class="fa fa-hand-paper-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-paper-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hand-peace-o"><i class="fa fa-hand-peace-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-peace-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hand-pointer-o"><i class="fa fa-hand-pointer-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-pointer-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hand-rock-o"><i class="fa fa-hand-rock-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-rock-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hand-scissors-o"><i class="fa fa-hand-scissors-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-scissors-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hand-spock-o"><i class="fa fa-hand-spock-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-spock-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hand-paper-o"><i class="fa fa-hand-stop-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-stop-o <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/handshake-o"><i class="fa fa-handshake-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>handshake-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/deaf"><i class="fa fa-hard-of-hearing" aria-hidden="true"></i> <span class="sr-only">Example of </span>hard-of-hearing <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hashtag"><i class="fa fa-hashtag" aria-hidden="true"></i> <span class="sr-only">Example of </span>hashtag</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hdd-o"><i class="fa fa-hdd-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>hdd-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/headphones"><i class="fa fa-headphones" aria-hidden="true"></i> <span class="sr-only">Example of </span>headphones</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/heart"><i class="fa fa-heart" aria-hidden="true"></i> <span class="sr-only">Example of </span>heart</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/heart-o"><i class="fa fa-heart-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>heart-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/heartbeat"><i class="fa fa-heartbeat" aria-hidden="true"></i> <span class="sr-only">Example of </span>heartbeat</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/history"><i class="fa fa-history" aria-hidden="true"></i> <span class="sr-only">Example of </span>history</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/home"><i class="fa fa-home" aria-hidden="true"></i> <span class="sr-only">Example of </span>home</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bed"><i class="fa fa-hotel" aria-hidden="true"></i> <span class="sr-only">Example of </span>hotel <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hourglass"><i class="fa fa-hourglass" aria-hidden="true"></i> <span class="sr-only">Example of </span>hourglass</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hourglass-start"><i class="fa fa-hourglass-1" aria-hidden="true"></i> <span class="sr-only">Example of </span>hourglass-1 <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hourglass-half"><i class="fa fa-hourglass-2" aria-hidden="true"></i> <span class="sr-only">Example of </span>hourglass-2 <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hourglass-end"><i class="fa fa-hourglass-3" aria-hidden="true"></i> <span class="sr-only">Example of </span>hourglass-3 <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hourglass-end"><i class="fa fa-hourglass-end" aria-hidden="true"></i> <span class="sr-only">Example of </span>hourglass-end</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hourglass-half"><i class="fa fa-hourglass-half" aria-hidden="true"></i> <span class="sr-only">Example of </span>hourglass-half</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hourglass-o"><i class="fa fa-hourglass-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>hourglass-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hourglass-start"><i class="fa fa-hourglass-start" aria-hidden="true"></i> <span class="sr-only">Example of </span>hourglass-start</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/i-cursor"><i class="fa fa-i-cursor" aria-hidden="true"></i> <span class="sr-only">Example of </span>i-cursor</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/id-badge"><i class="fa fa-id-badge" aria-hidden="true"></i> <span class="sr-only">Example of </span>id-badge</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/id-card"><i class="fa fa-id-card" aria-hidden="true"></i> <span class="sr-only">Example of </span>id-card</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/id-card-o"><i class="fa fa-id-card-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>id-card-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/picture-o"><i class="fa fa-image" aria-hidden="true"></i> <span class="sr-only">Example of </span>image <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/inbox"><i class="fa fa-inbox" aria-hidden="true"></i> <span class="sr-only">Example of </span>inbox</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/industry"><i class="fa fa-industry" aria-hidden="true"></i> <span class="sr-only">Example of </span>industry</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/info"><i class="fa fa-info" aria-hidden="true"></i> <span class="sr-only">Example of </span>info</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/info-circle"><i class="fa fa-info-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>info-circle</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/university"><i class="fa fa-institution" aria-hidden="true"></i> <span class="sr-only">Example of </span>institution <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/key"><i class="fa fa-key" aria-hidden="true"></i> <span class="sr-only">Example of </span>key</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/keyboard-o"><i class="fa fa-keyboard-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>keyboard-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/language"><i class="fa fa-language" aria-hidden="true"></i> <span class="sr-only">Example of </span>language</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/laptop"><i class="fa fa-laptop" aria-hidden="true"></i> <span class="sr-only">Example of </span>laptop</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/leaf"><i class="fa fa-leaf" aria-hidden="true"></i> <span class="sr-only">Example of </span>leaf</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/gavel"><i class="fa fa-legal" aria-hidden="true"></i> <span class="sr-only">Example of </span>legal <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/lemon-o"><i class="fa fa-lemon-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>lemon-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/level-down"><i class="fa fa-level-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>level-down</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/level-up"><i class="fa fa-level-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>level-up</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/life-ring"><i class="fa fa-life-bouy" aria-hidden="true"></i> <span class="sr-only">Example of </span>life-bouy <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/life-ring"><i class="fa fa-life-buoy" aria-hidden="true"></i> <span class="sr-only">Example of </span>life-buoy <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/life-ring"><i class="fa fa-life-ring" aria-hidden="true"></i> <span class="sr-only">Example of </span>life-ring</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/life-ring"><i class="fa fa-life-saver" aria-hidden="true"></i> <span class="sr-only">Example of </span>life-saver <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/lightbulb-o"><i class="fa fa-lightbulb-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>lightbulb-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/line-chart"><i class="fa fa-line-chart" aria-hidden="true"></i> <span class="sr-only">Example of </span>line-chart</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/location-arrow"><i class="fa fa-location-arrow" aria-hidden="true"></i> <span class="sr-only">Example of </span>location-arrow</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/lock"><i class="fa fa-lock" aria-hidden="true"></i> <span class="sr-only">Example of </span>lock</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/low-vision"><i class="fa fa-low-vision" aria-hidden="true"></i> <span class="sr-only">Example of </span>low-vision</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/magic"><i class="fa fa-magic" aria-hidden="true"></i> <span class="sr-only">Example of </span>magic</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/magnet"><i class="fa fa-magnet" aria-hidden="true"></i> <span class="sr-only">Example of </span>magnet</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/share"><i class="fa fa-mail-forward" aria-hidden="true"></i> <span class="sr-only">Example of </span>mail-forward <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/reply"><i class="fa fa-mail-reply" aria-hidden="true"></i> <span class="sr-only">Example of </span>mail-reply <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/reply-all"><i class="fa fa-mail-reply-all" aria-hidden="true"></i> <span class="sr-only">Example of </span>mail-reply-all <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/male"><i class="fa fa-male" aria-hidden="true"></i> <span class="sr-only">Example of </span>male</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/map"><i class="fa fa-map" aria-hidden="true"></i> <span class="sr-only">Example of </span>map</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/map-marker"><i class="fa fa-map-marker" aria-hidden="true"></i> <span class="sr-only">Example of </span>map-marker</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/map-o"><i class="fa fa-map-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>map-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/map-pin"><i class="fa fa-map-pin" aria-hidden="true"></i> <span class="sr-only">Example of </span>map-pin</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/map-signs"><i class="fa fa-map-signs" aria-hidden="true"></i> <span class="sr-only">Example of </span>map-signs</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/meh-o"><i class="fa fa-meh-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>meh-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/microchip"><i class="fa fa-microchip" aria-hidden="true"></i> <span class="sr-only">Example of </span>microchip</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/microphone"><i class="fa fa-microphone" aria-hidden="true"></i> <span class="sr-only">Example of </span>microphone</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/microphone-slash"><i class="fa fa-microphone-slash" aria-hidden="true"></i> <span class="sr-only">Example of </span>microphone-slash</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/minus"><i class="fa fa-minus" aria-hidden="true"></i> <span class="sr-only">Example of </span>minus</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/minus-circle"><i class="fa fa-minus-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>minus-circle</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/minus-square"><i class="fa fa-minus-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>minus-square</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/minus-square-o"><i class="fa fa-minus-square-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>minus-square-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/mobile"><i class="fa fa-mobile" aria-hidden="true"></i> <span class="sr-only">Example of </span>mobile</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/mobile"><i class="fa fa-mobile-phone" aria-hidden="true"></i> <span class="sr-only">Example of </span>mobile-phone <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/money"><i class="fa fa-money" aria-hidden="true"></i> <span class="sr-only">Example of </span>money</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/moon-o"><i class="fa fa-moon-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>moon-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/graduation-cap"><i class="fa fa-mortar-board" aria-hidden="true"></i> <span class="sr-only">Example of </span>mortar-board <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/motorcycle"><i class="fa fa-motorcycle" aria-hidden="true"></i> <span class="sr-only">Example of </span>motorcycle</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/mouse-pointer"><i class="fa fa-mouse-pointer" aria-hidden="true"></i> <span class="sr-only">Example of </span>mouse-pointer</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/music"><i class="fa fa-music" aria-hidden="true"></i> <span class="sr-only">Example of </span>music</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bars"><i class="fa fa-navicon" aria-hidden="true"></i> <span class="sr-only">Example of </span>navicon <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/newspaper-o"><i class="fa fa-newspaper-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>newspaper-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/object-group"><i class="fa fa-object-group" aria-hidden="true"></i> <span class="sr-only">Example of </span>object-group</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/object-ungroup"><i class="fa fa-object-ungroup" aria-hidden="true"></i> <span class="sr-only">Example of </span>object-ungroup</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/paint-brush"><i class="fa fa-paint-brush" aria-hidden="true"></i> <span class="sr-only">Example of </span>paint-brush</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/paper-plane"><i class="fa fa-paper-plane" aria-hidden="true"></i> <span class="sr-only">Example of </span>paper-plane</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/paper-plane-o"><i class="fa fa-paper-plane-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>paper-plane-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/paw"><i class="fa fa-paw" aria-hidden="true"></i> <span class="sr-only">Example of </span>paw</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/pencil"><i class="fa fa-pencil" aria-hidden="true"></i> <span class="sr-only">Example of </span>pencil</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/pencil-square"><i class="fa fa-pencil-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>pencil-square</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/pencil-square-o"><i class="fa fa-pencil-square-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>pencil-square-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/percent"><i class="fa fa-percent" aria-hidden="true"></i> <span class="sr-only">Example of </span>percent</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/phone"><i class="fa fa-phone" aria-hidden="true"></i> <span class="sr-only">Example of </span>phone</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/phone-square"><i class="fa fa-phone-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>phone-square</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/picture-o"><i class="fa fa-photo" aria-hidden="true"></i> <span class="sr-only">Example of </span>photo <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/picture-o"><i class="fa fa-picture-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>picture-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/pie-chart"><i class="fa fa-pie-chart" aria-hidden="true"></i> <span class="sr-only">Example of </span>pie-chart</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/plane"><i class="fa fa-plane" aria-hidden="true"></i> <span class="sr-only">Example of </span>plane</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/plug"><i class="fa fa-plug" aria-hidden="true"></i> <span class="sr-only">Example of </span>plug</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/plus"><i class="fa fa-plus" aria-hidden="true"></i> <span class="sr-only">Example of </span>plus</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/plus-circle"><i class="fa fa-plus-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>plus-circle</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/plus-square"><i class="fa fa-plus-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>plus-square</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/plus-square-o"><i class="fa fa-plus-square-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>plus-square-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/podcast"><i class="fa fa-podcast" aria-hidden="true"></i> <span class="sr-only">Example of </span>podcast</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/power-off"><i class="fa fa-power-off" aria-hidden="true"></i> <span class="sr-only">Example of </span>power-off</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/print"><i class="fa fa-print" aria-hidden="true"></i> <span class="sr-only">Example of </span>print</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/puzzle-piece"><i class="fa fa-puzzle-piece" aria-hidden="true"></i> <span class="sr-only">Example of </span>puzzle-piece</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/qrcode"><i class="fa fa-qrcode" aria-hidden="true"></i> <span class="sr-only">Example of </span>qrcode</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/question"><i class="fa fa-question" aria-hidden="true"></i> <span class="sr-only">Example of </span>question</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/question-circle"><i class="fa fa-question-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>question-circle</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/question-circle-o"><i class="fa fa-question-circle-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>question-circle-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/quote-left"><i class="fa fa-quote-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>quote-left</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/quote-right"><i class="fa fa-quote-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>quote-right</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/random"><i class="fa fa-random" aria-hidden="true"></i> <span class="sr-only">Example of </span>random</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/recycle"><i class="fa fa-recycle" aria-hidden="true"></i> <span class="sr-only">Example of </span>recycle</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/refresh"><i class="fa fa-refresh" aria-hidden="true"></i> <span class="sr-only">Example of </span>refresh</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/registered"><i class="fa fa-registered" aria-hidden="true"></i> <span class="sr-only">Example of </span>registered</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/times"><i class="fa fa-remove" aria-hidden="true"></i> <span class="sr-only">Example of </span>remove <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bars"><i class="fa fa-reorder" aria-hidden="true"></i> <span class="sr-only">Example of </span>reorder <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/reply"><i class="fa fa-reply" aria-hidden="true"></i> <span class="sr-only">Example of </span>reply</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/reply-all"><i class="fa fa-reply-all" aria-hidden="true"></i> <span class="sr-only">Example of </span>reply-all</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/retweet"><i class="fa fa-retweet" aria-hidden="true"></i> <span class="sr-only">Example of </span>retweet</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/road"><i class="fa fa-road" aria-hidden="true"></i> <span class="sr-only">Example of </span>road</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/rocket"><i class="fa fa-rocket" aria-hidden="true"></i> <span class="sr-only">Example of </span>rocket</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/rss"><i class="fa fa-rss" aria-hidden="true"></i> <span class="sr-only">Example of </span>rss</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/rss-square"><i class="fa fa-rss-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>rss-square</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bath"><i class="fa fa-s15" aria-hidden="true"></i> <span class="sr-only">Example of </span>s15 <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/search"><i class="fa fa-search" aria-hidden="true"></i> <span class="sr-only">Example of </span>search</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/search-minus"><i class="fa fa-search-minus" aria-hidden="true"></i> <span class="sr-only">Example of </span>search-minus</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/search-plus"><i class="fa fa-search-plus" aria-hidden="true"></i> <span class="sr-only">Example of </span>search-plus</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/paper-plane"><i class="fa fa-send" aria-hidden="true"></i> <span class="sr-only">Example of </span>send <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/paper-plane-o"><i class="fa fa-send-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>send-o <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/server"><i class="fa fa-server" aria-hidden="true"></i> <span class="sr-only">Example of </span>server</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/share"><i class="fa fa-share" aria-hidden="true"></i> <span class="sr-only">Example of </span>share</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/share-alt"><i class="fa fa-share-alt" aria-hidden="true"></i> <span class="sr-only">Example of </span>share-alt</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/share-alt-square"><i class="fa fa-share-alt-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>share-alt-square</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/share-square"><i class="fa fa-share-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>share-square</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/share-square-o"><i class="fa fa-share-square-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>share-square-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/shield"><i class="fa fa-shield" aria-hidden="true"></i> <span class="sr-only">Example of </span>shield</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/ship"><i class="fa fa-ship" aria-hidden="true"></i> <span class="sr-only">Example of </span>ship</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/shopping-bag"><i class="fa fa-shopping-bag" aria-hidden="true"></i> <span class="sr-only">Example of </span>shopping-bag</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/shopping-basket"><i class="fa fa-shopping-basket" aria-hidden="true"></i> <span class="sr-only">Example of </span>shopping-basket</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/shopping-cart"><i class="fa fa-shopping-cart" aria-hidden="true"></i> <span class="sr-only">Example of </span>shopping-cart</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/shower"><i class="fa fa-shower" aria-hidden="true"></i> <span class="sr-only">Example of </span>shower</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/sign-in"><i class="fa fa-sign-in" aria-hidden="true"></i> <span class="sr-only">Example of </span>sign-in</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/sign-language"><i class="fa fa-sign-language" aria-hidden="true"></i> <span class="sr-only">Example of </span>sign-language</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/sign-out"><i class="fa fa-sign-out" aria-hidden="true"></i> <span class="sr-only">Example of </span>sign-out</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/signal"><i class="fa fa-signal" aria-hidden="true"></i> <span class="sr-only">Example of </span>signal</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/sign-language"><i class="fa fa-signing" aria-hidden="true"></i> <span class="sr-only">Example of </span>signing <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/sitemap"><i class="fa fa-sitemap" aria-hidden="true"></i> <span class="sr-only">Example of </span>sitemap</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/sliders"><i class="fa fa-sliders" aria-hidden="true"></i> <span class="sr-only">Example of </span>sliders</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/smile-o"><i class="fa fa-smile-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>smile-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/snowflake-o"><i class="fa fa-snowflake-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>snowflake-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/futbol-o"><i class="fa fa-soccer-ball-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>soccer-ball-o <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/sort"><i class="fa fa-sort" aria-hidden="true"></i> <span class="sr-only">Example of </span>sort</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/sort-alpha-asc"><i class="fa fa-sort-alpha-asc" aria-hidden="true"></i> <span class="sr-only">Example of </span>sort-alpha-asc</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/sort-alpha-desc"><i class="fa fa-sort-alpha-desc" aria-hidden="true"></i> <span class="sr-only">Example of </span>sort-alpha-desc</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/sort-amount-asc"><i class="fa fa-sort-amount-asc" aria-hidden="true"></i> <span class="sr-only">Example of </span>sort-amount-asc</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/sort-amount-desc"><i class="fa fa-sort-amount-desc" aria-hidden="true"></i> <span class="sr-only">Example of </span>sort-amount-desc</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/sort-asc"><i class="fa fa-sort-asc" aria-hidden="true"></i> <span class="sr-only">Example of </span>sort-asc</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/sort-desc"><i class="fa fa-sort-desc" aria-hidden="true"></i> <span class="sr-only">Example of </span>sort-desc</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/sort-desc"><i class="fa fa-sort-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>sort-down <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/sort-numeric-asc"><i class="fa fa-sort-numeric-asc" aria-hidden="true"></i> <span class="sr-only">Example of </span>sort-numeric-asc</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/sort-numeric-desc"><i class="fa fa-sort-numeric-desc" aria-hidden="true"></i> <span class="sr-only">Example of </span>sort-numeric-desc</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/sort-asc"><i class="fa fa-sort-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>sort-up <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/space-shuttle"><i class="fa fa-space-shuttle" aria-hidden="true"></i> <span class="sr-only">Example of </span>space-shuttle</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/spinner"><i class="fa fa-spinner" aria-hidden="true"></i> <span class="sr-only">Example of </span>spinner</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/spoon"><i class="fa fa-spoon" aria-hidden="true"></i> <span class="sr-only">Example of </span>spoon</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/square"><i class="fa fa-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>square</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/square-o"><i class="fa fa-square-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>square-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/star"><i class="fa fa-star" aria-hidden="true"></i> <span class="sr-only">Example of </span>star</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/star-half"><i class="fa fa-star-half" aria-hidden="true"></i> <span class="sr-only">Example of </span>star-half</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/star-half-o"><i class="fa fa-star-half-empty" aria-hidden="true"></i> <span class="sr-only">Example of </span>star-half-empty <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/star-half-o"><i class="fa fa-star-half-full" aria-hidden="true"></i> <span class="sr-only">Example of </span>star-half-full <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/star-half-o"><i class="fa fa-star-half-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>star-half-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/star-o"><i class="fa fa-star-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>star-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/sticky-note"><i class="fa fa-sticky-note" aria-hidden="true"></i> <span class="sr-only">Example of </span>sticky-note</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/sticky-note-o"><i class="fa fa-sticky-note-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>sticky-note-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/street-view"><i class="fa fa-street-view" aria-hidden="true"></i> <span class="sr-only">Example of </span>street-view</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/suitcase"><i class="fa fa-suitcase" aria-hidden="true"></i> <span class="sr-only">Example of </span>suitcase</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/sun-o"><i class="fa fa-sun-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>sun-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/life-ring"><i class="fa fa-support" aria-hidden="true"></i> <span class="sr-only">Example of </span>support <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/tablet"><i class="fa fa-tablet" aria-hidden="true"></i> <span class="sr-only">Example of </span>tablet</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/tachometer"><i class="fa fa-tachometer" aria-hidden="true"></i> <span class="sr-only">Example of </span>tachometer</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/tag"><i class="fa fa-tag" aria-hidden="true"></i> <span class="sr-only">Example of </span>tag</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/tags"><i class="fa fa-tags" aria-hidden="true"></i> <span class="sr-only">Example of </span>tags</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/tasks"><i class="fa fa-tasks" aria-hidden="true"></i> <span class="sr-only">Example of </span>tasks</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/taxi"><i class="fa fa-taxi" aria-hidden="true"></i> <span class="sr-only">Example of </span>taxi</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/television"><i class="fa fa-television" aria-hidden="true"></i> <span class="sr-only">Example of </span>television</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/terminal"><i class="fa fa-terminal" aria-hidden="true"></i> <span class="sr-only">Example of </span>terminal</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/thermometer-full"><i class="fa fa-thermometer" aria-hidden="true"></i> <span class="sr-only">Example of </span>thermometer <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/thermometer-empty"><i class="fa fa-thermometer-0" aria-hidden="true"></i> <span class="sr-only">Example of </span>thermometer-0 <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/thermometer-quarter"><i class="fa fa-thermometer-1" aria-hidden="true"></i> <span class="sr-only">Example of </span>thermometer-1 <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/thermometer-half"><i class="fa fa-thermometer-2" aria-hidden="true"></i> <span class="sr-only">Example of </span>thermometer-2 <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/thermometer-three-quarters"><i class="fa fa-thermometer-3" aria-hidden="true"></i> <span class="sr-only">Example of </span>thermometer-3 <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/thermometer-full"><i class="fa fa-thermometer-4" aria-hidden="true"></i> <span class="sr-only">Example of </span>thermometer-4 <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/thermometer-empty"><i class="fa fa-thermometer-empty" aria-hidden="true"></i> <span class="sr-only">Example of </span>thermometer-empty</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/thermometer-full"><i class="fa fa-thermometer-full" aria-hidden="true"></i> <span class="sr-only">Example of </span>thermometer-full</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/thermometer-half"><i class="fa fa-thermometer-half" aria-hidden="true"></i> <span class="sr-only">Example of </span>thermometer-half</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/thermometer-quarter"><i class="fa fa-thermometer-quarter" aria-hidden="true"></i> <span class="sr-only">Example of </span>thermometer-quarter</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/thermometer-three-quarters"><i class="fa fa-thermometer-three-quarters" aria-hidden="true"></i> <span class="sr-only">Example of </span>thermometer-three-quarters</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/thumb-tack"><i class="fa fa-thumb-tack" aria-hidden="true"></i> <span class="sr-only">Example of </span>thumb-tack</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/thumbs-down"><i class="fa fa-thumbs-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>thumbs-down</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/thumbs-o-down"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>thumbs-o-down</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/thumbs-o-up"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>thumbs-o-up</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/thumbs-up"><i class="fa fa-thumbs-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>thumbs-up</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/ticket"><i class="fa fa-ticket" aria-hidden="true"></i> <span class="sr-only">Example of </span>ticket</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/times"><i class="fa fa-times" aria-hidden="true"></i> <span class="sr-only">Example of </span>times</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/times-circle"><i class="fa fa-times-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>times-circle</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/times-circle-o"><i class="fa fa-times-circle-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>times-circle-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/window-close"><i class="fa fa-times-rectangle" aria-hidden="true"></i> <span class="sr-only">Example of </span>times-rectangle <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/window-close-o"><i class="fa fa-times-rectangle-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>times-rectangle-o <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/tint"><i class="fa fa-tint" aria-hidden="true"></i> <span class="sr-only">Example of </span>tint</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/caret-square-o-down"><i class="fa fa-toggle-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>toggle-down <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/caret-square-o-left"><i class="fa fa-toggle-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>toggle-left <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/toggle-off"><i class="fa fa-toggle-off" aria-hidden="true"></i> <span class="sr-only">Example of </span>toggle-off</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/toggle-on"><i class="fa fa-toggle-on" aria-hidden="true"></i> <span class="sr-only">Example of </span>toggle-on</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/caret-square-o-right"><i class="fa fa-toggle-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>toggle-right <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/caret-square-o-up"><i class="fa fa-toggle-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>toggle-up <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/trademark"><i class="fa fa-trademark" aria-hidden="true"></i> <span class="sr-only">Example of </span>trademark</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/trash"><i class="fa fa-trash" aria-hidden="true"></i> <span class="sr-only">Example of </span>trash</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/trash-o"><i class="fa fa-trash-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>trash-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/tree"><i class="fa fa-tree" aria-hidden="true"></i> <span class="sr-only">Example of </span>tree</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/trophy"><i class="fa fa-trophy" aria-hidden="true"></i> <span class="sr-only">Example of </span>trophy</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/truck"><i class="fa fa-truck" aria-hidden="true"></i> <span class="sr-only">Example of </span>truck</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/tty"><i class="fa fa-tty" aria-hidden="true"></i> <span class="sr-only">Example of </span>tty</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/television"><i class="fa fa-tv" aria-hidden="true"></i> <span class="sr-only">Example of </span>tv <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/umbrella"><i class="fa fa-umbrella" aria-hidden="true"></i> <span class="sr-only">Example of </span>umbrella</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/universal-access"><i class="fa fa-universal-access" aria-hidden="true"></i> <span class="sr-only">Example of </span>universal-access</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/university"><i class="fa fa-university" aria-hidden="true"></i> <span class="sr-only">Example of </span>university</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/unlock"><i class="fa fa-unlock" aria-hidden="true"></i> <span class="sr-only">Example of </span>unlock</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/unlock-alt"><i class="fa fa-unlock-alt" aria-hidden="true"></i> <span class="sr-only">Example of </span>unlock-alt</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/sort"><i class="fa fa-unsorted" aria-hidden="true"></i> <span class="sr-only">Example of </span>unsorted <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/upload"><i class="fa fa-upload" aria-hidden="true"></i> <span class="sr-only">Example of </span>upload</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/user"><i class="fa fa-user" aria-hidden="true"></i> <span class="sr-only">Example of </span>user</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/user-circle"><i class="fa fa-user-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>user-circle</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/user-circle-o"><i class="fa fa-user-circle-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>user-circle-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/user-o"><i class="fa fa-user-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>user-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/user-plus"><i class="fa fa-user-plus" aria-hidden="true"></i> <span class="sr-only">Example of </span>user-plus</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/user-secret"><i class="fa fa-user-secret" aria-hidden="true"></i> <span class="sr-only">Example of </span>user-secret</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/user-times"><i class="fa fa-user-times" aria-hidden="true"></i> <span class="sr-only">Example of </span>user-times</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/users"><i class="fa fa-users" aria-hidden="true"></i> <span class="sr-only">Example of </span>users</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/address-card"><i class="fa fa-vcard" aria-hidden="true"></i> <span class="sr-only">Example of </span>vcard <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/address-card-o"><i class="fa fa-vcard-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>vcard-o <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/video-camera"><i class="fa fa-video-camera" aria-hidden="true"></i> <span class="sr-only">Example of </span>video-camera</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/volume-control-phone"><i class="fa fa-volume-control-phone" aria-hidden="true"></i> <span class="sr-only">Example of </span>volume-control-phone</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/volume-down"><i class="fa fa-volume-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>volume-down</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/volume-off"><i class="fa fa-volume-off" aria-hidden="true"></i> <span class="sr-only">Example of </span>volume-off</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/volume-up"><i class="fa fa-volume-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>volume-up</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/exclamation-triangle"><i class="fa fa-warning" aria-hidden="true"></i> <span class="sr-only">Example of </span>warning <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/wheelchair"><i class="fa fa-wheelchair" aria-hidden="true"></i> <span class="sr-only">Example of </span>wheelchair</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/wheelchair-alt"><i class="fa fa-wheelchair-alt" aria-hidden="true"></i> <span class="sr-only">Example of </span>wheelchair-alt</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/wifi"><i class="fa fa-wifi" aria-hidden="true"></i> <span class="sr-only">Example of </span>wifi</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/window-close"><i class="fa fa-window-close" aria-hidden="true"></i> <span class="sr-only">Example of </span>window-close</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/window-close-o"><i class="fa fa-window-close-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>window-close-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/window-maximize"><i class="fa fa-window-maximize" aria-hidden="true"></i> <span class="sr-only">Example of </span>window-maximize</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/window-minimize"><i class="fa fa-window-minimize" aria-hidden="true"></i> <span class="sr-only">Example of </span>window-minimize</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/window-restore"><i class="fa fa-window-restore" aria-hidden="true"></i> <span class="sr-only">Example of </span>window-restore</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/wrench"><i class="fa fa-wrench" aria-hidden="true"></i> <span class="sr-only">Example of </span>wrench</a></div>
    
  </div>

</section>

    <section id="accessibility">
  <h2 class="page-header">Accessibility Icons</h2>

  <div class="row fontawesome-icon-list">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/american-sign-language-interpreting"><i class="fa fa-american-sign-language-interpreting" aria-hidden="true"></i> <span class="sr-only">Example of </span>american-sign-language-interpreting</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/american-sign-language-interpreting"><i class="fa fa-asl-interpreting" aria-hidden="true"></i> <span class="sr-only">Example of </span>asl-interpreting <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/assistive-listening-systems"><i class="fa fa-assistive-listening-systems" aria-hidden="true"></i> <span class="sr-only">Example of </span>assistive-listening-systems</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/audio-description"><i class="fa fa-audio-description" aria-hidden="true"></i> <span class="sr-only">Example of </span>audio-description</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/blind"><i class="fa fa-blind" aria-hidden="true"></i> <span class="sr-only">Example of </span>blind</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/braille"><i class="fa fa-braille" aria-hidden="true"></i> <span class="sr-only">Example of </span>braille</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/cc"><i class="fa fa-cc" aria-hidden="true"></i> <span class="sr-only">Example of </span>cc</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/deaf"><i class="fa fa-deaf" aria-hidden="true"></i> <span class="sr-only">Example of </span>deaf</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/deaf"><i class="fa fa-deafness" aria-hidden="true"></i> <span class="sr-only">Example of </span>deafness <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/deaf"><i class="fa fa-hard-of-hearing" aria-hidden="true"></i> <span class="sr-only">Example of </span>hard-of-hearing <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/low-vision"><i class="fa fa-low-vision" aria-hidden="true"></i> <span class="sr-only">Example of </span>low-vision</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/question-circle-o"><i class="fa fa-question-circle-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>question-circle-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/sign-language"><i class="fa fa-sign-language" aria-hidden="true"></i> <span class="sr-only">Example of </span>sign-language</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/sign-language"><i class="fa fa-signing" aria-hidden="true"></i> <span class="sr-only">Example of </span>signing <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/tty"><i class="fa fa-tty" aria-hidden="true"></i> <span class="sr-only">Example of </span>tty</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/universal-access"><i class="fa fa-universal-access" aria-hidden="true"></i> <span class="sr-only">Example of </span>universal-access</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/volume-control-phone"><i class="fa fa-volume-control-phone" aria-hidden="true"></i> <span class="sr-only">Example of </span>volume-control-phone</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/wheelchair"><i class="fa fa-wheelchair" aria-hidden="true"></i> <span class="sr-only">Example of </span>wheelchair</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/wheelchair-alt"><i class="fa fa-wheelchair-alt" aria-hidden="true"></i> <span class="sr-only">Example of </span>wheelchair-alt</a></div>
    
  </div>

</section>

    <section id="hand">
  <h2 class="page-header">Hand Icons</h2>

  <div class="row fontawesome-icon-list">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hand-rock-o"><i class="fa fa-hand-grab-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-grab-o <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hand-lizard-o"><i class="fa fa-hand-lizard-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-lizard-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hand-o-down"><i class="fa fa-hand-o-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-o-down</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hand-o-left"><i class="fa fa-hand-o-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-o-left</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hand-o-right"><i class="fa fa-hand-o-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-o-right</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hand-o-up"><i class="fa fa-hand-o-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-o-up</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hand-paper-o"><i class="fa fa-hand-paper-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-paper-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hand-peace-o"><i class="fa fa-hand-peace-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-peace-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hand-pointer-o"><i class="fa fa-hand-pointer-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-pointer-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hand-rock-o"><i class="fa fa-hand-rock-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-rock-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hand-scissors-o"><i class="fa fa-hand-scissors-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-scissors-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hand-spock-o"><i class="fa fa-hand-spock-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-spock-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hand-paper-o"><i class="fa fa-hand-stop-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-stop-o <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/thumbs-down"><i class="fa fa-thumbs-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>thumbs-down</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/thumbs-o-down"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>thumbs-o-down</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/thumbs-o-up"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>thumbs-o-up</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/thumbs-up"><i class="fa fa-thumbs-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>thumbs-up</a></div>
    
  </div>

</section>

    <section id="transportation">
  <h2 class="page-header">Transportation Icons</h2>

  <div class="row fontawesome-icon-list">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/ambulance"><i class="fa fa-ambulance" aria-hidden="true"></i> <span class="sr-only">Example of </span>ambulance</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/car"><i class="fa fa-automobile" aria-hidden="true"></i> <span class="sr-only">Example of </span>automobile <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bicycle"><i class="fa fa-bicycle" aria-hidden="true"></i> <span class="sr-only">Example of </span>bicycle</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bus"><i class="fa fa-bus" aria-hidden="true"></i> <span class="sr-only">Example of </span>bus</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/taxi"><i class="fa fa-cab" aria-hidden="true"></i> <span class="sr-only">Example of </span>cab <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/car"><i class="fa fa-car" aria-hidden="true"></i> <span class="sr-only">Example of </span>car</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/fighter-jet"><i class="fa fa-fighter-jet" aria-hidden="true"></i> <span class="sr-only">Example of </span>fighter-jet</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/motorcycle"><i class="fa fa-motorcycle" aria-hidden="true"></i> <span class="sr-only">Example of </span>motorcycle</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/plane"><i class="fa fa-plane" aria-hidden="true"></i> <span class="sr-only">Example of </span>plane</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/rocket"><i class="fa fa-rocket" aria-hidden="true"></i> <span class="sr-only">Example of </span>rocket</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/ship"><i class="fa fa-ship" aria-hidden="true"></i> <span class="sr-only">Example of </span>ship</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/space-shuttle"><i class="fa fa-space-shuttle" aria-hidden="true"></i> <span class="sr-only">Example of </span>space-shuttle</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/subway"><i class="fa fa-subway" aria-hidden="true"></i> <span class="sr-only">Example of </span>subway</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/taxi"><i class="fa fa-taxi" aria-hidden="true"></i> <span class="sr-only">Example of </span>taxi</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/train"><i class="fa fa-train" aria-hidden="true"></i> <span class="sr-only">Example of </span>train</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/truck"><i class="fa fa-truck" aria-hidden="true"></i> <span class="sr-only">Example of </span>truck</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/wheelchair"><i class="fa fa-wheelchair" aria-hidden="true"></i> <span class="sr-only">Example of </span>wheelchair</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/wheelchair-alt"><i class="fa fa-wheelchair-alt" aria-hidden="true"></i> <span class="sr-only">Example of </span>wheelchair-alt</a></div>
    
  </div>

</section>

    <section id="gender">
  <h2 class="page-header">Gender Icons</h2>

  <div class="row fontawesome-icon-list">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/genderless"><i class="fa fa-genderless" aria-hidden="true"></i> <span class="sr-only">Example of </span>genderless</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/transgender"><i class="fa fa-intersex" aria-hidden="true"></i> <span class="sr-only">Example of </span>intersex <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/mars"><i class="fa fa-mars" aria-hidden="true"></i> <span class="sr-only">Example of </span>mars</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/mars-double"><i class="fa fa-mars-double" aria-hidden="true"></i> <span class="sr-only">Example of </span>mars-double</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/mars-stroke"><i class="fa fa-mars-stroke" aria-hidden="true"></i> <span class="sr-only">Example of </span>mars-stroke</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/mars-stroke-h"><i class="fa fa-mars-stroke-h" aria-hidden="true"></i> <span class="sr-only">Example of </span>mars-stroke-h</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/mars-stroke-v"><i class="fa fa-mars-stroke-v" aria-hidden="true"></i> <span class="sr-only">Example of </span>mars-stroke-v</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/mercury"><i class="fa fa-mercury" aria-hidden="true"></i> <span class="sr-only">Example of </span>mercury</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/neuter"><i class="fa fa-neuter" aria-hidden="true"></i> <span class="sr-only">Example of </span>neuter</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/transgender"><i class="fa fa-transgender" aria-hidden="true"></i> <span class="sr-only">Example of </span>transgender</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/transgender-alt"><i class="fa fa-transgender-alt" aria-hidden="true"></i> <span class="sr-only">Example of </span>transgender-alt</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/venus"><i class="fa fa-venus" aria-hidden="true"></i> <span class="sr-only">Example of </span>venus</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/venus-double"><i class="fa fa-venus-double" aria-hidden="true"></i> <span class="sr-only">Example of </span>venus-double</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/venus-mars"><i class="fa fa-venus-mars" aria-hidden="true"></i> <span class="sr-only">Example of </span>venus-mars</a></div>
    
  </div>

</section>

    <section id="file-type">
  <h2 class="page-header">File Type Icons</h2>

  <div class="row fontawesome-icon-list">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/file"><i class="fa fa-file" aria-hidden="true"></i> <span class="sr-only">Example of </span>file</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/file-archive-o"><i class="fa fa-file-archive-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-archive-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/file-audio-o"><i class="fa fa-file-audio-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-audio-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/file-code-o"><i class="fa fa-file-code-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-code-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/file-excel-o"><i class="fa fa-file-excel-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-excel-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/file-image-o"><i class="fa fa-file-image-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-image-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/file-video-o"><i class="fa fa-file-movie-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-movie-o <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/file-o"><i class="fa fa-file-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/file-pdf-o"><i class="fa fa-file-pdf-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-pdf-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/file-image-o"><i class="fa fa-file-photo-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-photo-o <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/file-image-o"><i class="fa fa-file-picture-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-picture-o <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/file-powerpoint-o"><i class="fa fa-file-powerpoint-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-powerpoint-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/file-audio-o"><i class="fa fa-file-sound-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-sound-o <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/file-text"><i class="fa fa-file-text" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-text</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/file-text-o"><i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-text-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/file-video-o"><i class="fa fa-file-video-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-video-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/file-word-o"><i class="fa fa-file-word-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-word-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/file-archive-o"><i class="fa fa-file-zip-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-zip-o <span class="text-muted">(alias)</span></a></div>
    
  </div>

</section>

    <section id="spinner">
  <h2 class="page-header">Spinner Icons</h2>

  <div class="alert alert-success">
    <ul class="fa-ul">
      <li>
        <i class="fa fa-info-circle fa-lg fa-li" aria-hidden="true"></i>
        <strong class="sr-only">Note:</strong>
        These icons work great with the <code>fa-spin</code> class. Check out the
        <a href="../examples/#animated" class="alert-link">spinning icons example</a>.
      </li>
    </ul>
  </div>

  <div class="row fontawesome-icon-list">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/circle-o-notch"><i class="fa fa-circle-o-notch" aria-hidden="true"></i> <span class="sr-only">Example of </span>circle-o-notch</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/cog"><i class="fa fa-cog" aria-hidden="true"></i> <span class="sr-only">Example of </span>cog</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/cog"><i class="fa fa-gear" aria-hidden="true"></i> <span class="sr-only">Example of </span>gear <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/refresh"><i class="fa fa-refresh" aria-hidden="true"></i> <span class="sr-only">Example of </span>refresh</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/spinner"><i class="fa fa-spinner" aria-hidden="true"></i> <span class="sr-only">Example of </span>spinner</a></div>
    
  </div>
</section>

    <section id="form-control">
  <h2 class="page-header">Form Control Icons</h2>

  <div class="row fontawesome-icon-list">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/check-square"><i class="fa fa-check-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>check-square</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/check-square-o"><i class="fa fa-check-square-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>check-square-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/circle"><i class="fa fa-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>circle</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/circle-o"><i class="fa fa-circle-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>circle-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/dot-circle-o"><i class="fa fa-dot-circle-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>dot-circle-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/minus-square"><i class="fa fa-minus-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>minus-square</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/minus-square-o"><i class="fa fa-minus-square-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>minus-square-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/plus-square"><i class="fa fa-plus-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>plus-square</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/plus-square-o"><i class="fa fa-plus-square-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>plus-square-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/square"><i class="fa fa-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>square</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/square-o"><i class="fa fa-square-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>square-o</a></div>
    
  </div>
</section>

    <section id="payment">
  <h2 class="page-header">Payment Icons</h2>

  <div class="row fontawesome-icon-list">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/cc-amex"><i class="fa fa-cc-amex" aria-hidden="true"></i> <span class="sr-only">Example of </span>cc-amex</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/cc-diners-club"><i class="fa fa-cc-diners-club" aria-hidden="true"></i> <span class="sr-only">Example of </span>cc-diners-club</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/cc-discover"><i class="fa fa-cc-discover" aria-hidden="true"></i> <span class="sr-only">Example of </span>cc-discover</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/cc-jcb"><i class="fa fa-cc-jcb" aria-hidden="true"></i> <span class="sr-only">Example of </span>cc-jcb</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/cc-mastercard"><i class="fa fa-cc-mastercard" aria-hidden="true"></i> <span class="sr-only">Example of </span>cc-mastercard</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/cc-paypal"><i class="fa fa-cc-paypal" aria-hidden="true"></i> <span class="sr-only">Example of </span>cc-paypal</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/cc-stripe"><i class="fa fa-cc-stripe" aria-hidden="true"></i> <span class="sr-only">Example of </span>cc-stripe</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/cc-visa"><i class="fa fa-cc-visa" aria-hidden="true"></i> <span class="sr-only">Example of </span>cc-visa</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/credit-card"><i class="fa fa-credit-card" aria-hidden="true"></i> <span class="sr-only">Example of </span>credit-card</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/credit-card-alt"><i class="fa fa-credit-card-alt" aria-hidden="true"></i> <span class="sr-only">Example of </span>credit-card-alt</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/google-wallet"><i class="fa fa-google-wallet" aria-hidden="true"></i> <span class="sr-only">Example of </span>google-wallet</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/paypal"><i class="fa fa-paypal" aria-hidden="true"></i> <span class="sr-only">Example of </span>paypal</a></div>
    
  </div>

</section>

    <section id="chart">
  <h2 class="page-header">Chart Icons</h2>

  <div class="row fontawesome-icon-list">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/area-chart"><i class="fa fa-area-chart" aria-hidden="true"></i> <span class="sr-only">Example of </span>area-chart</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bar-chart"><i class="fa fa-bar-chart" aria-hidden="true"></i> <span class="sr-only">Example of </span>bar-chart</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bar-chart"><i class="fa fa-bar-chart-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>bar-chart-o <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/line-chart"><i class="fa fa-line-chart" aria-hidden="true"></i> <span class="sr-only">Example of </span>line-chart</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/pie-chart"><i class="fa fa-pie-chart" aria-hidden="true"></i> <span class="sr-only">Example of </span>pie-chart</a></div>
    
  </div>

</section>

    <section id="currency">
  <h2 class="page-header">Currency Icons</h2>

  <div class="row fontawesome-icon-list">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/btc"><i class="fa fa-bitcoin" aria-hidden="true"></i> <span class="sr-only">Example of </span>bitcoin <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/btc"><i class="fa fa-btc" aria-hidden="true"></i> <span class="sr-only">Example of </span>btc</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/jpy"><i class="fa fa-cny" aria-hidden="true"></i> <span class="sr-only">Example of </span>cny <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/usd"><i class="fa fa-dollar" aria-hidden="true"></i> <span class="sr-only">Example of </span>dollar <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/eur"><i class="fa fa-eur" aria-hidden="true"></i> <span class="sr-only">Example of </span>eur</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/eur"><i class="fa fa-euro" aria-hidden="true"></i> <span class="sr-only">Example of </span>euro <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/gbp"><i class="fa fa-gbp" aria-hidden="true"></i> <span class="sr-only">Example of </span>gbp</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/gg"><i class="fa fa-gg" aria-hidden="true"></i> <span class="sr-only">Example of </span>gg</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/gg-circle"><i class="fa fa-gg-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>gg-circle</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/ils"><i class="fa fa-ils" aria-hidden="true"></i> <span class="sr-only">Example of </span>ils</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/inr"><i class="fa fa-inr" aria-hidden="true"></i> <span class="sr-only">Example of </span>inr</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/jpy"><i class="fa fa-jpy" aria-hidden="true"></i> <span class="sr-only">Example of </span>jpy</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/krw"><i class="fa fa-krw" aria-hidden="true"></i> <span class="sr-only">Example of </span>krw</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/money"><i class="fa fa-money" aria-hidden="true"></i> <span class="sr-only">Example of </span>money</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/jpy"><i class="fa fa-rmb" aria-hidden="true"></i> <span class="sr-only">Example of </span>rmb <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/rub"><i class="fa fa-rouble" aria-hidden="true"></i> <span class="sr-only">Example of </span>rouble <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/rub"><i class="fa fa-rub" aria-hidden="true"></i> <span class="sr-only">Example of </span>rub</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/rub"><i class="fa fa-ruble" aria-hidden="true"></i> <span class="sr-only">Example of </span>ruble <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/inr"><i class="fa fa-rupee" aria-hidden="true"></i> <span class="sr-only">Example of </span>rupee <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/ils"><i class="fa fa-shekel" aria-hidden="true"></i> <span class="sr-only">Example of </span>shekel <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/ils"><i class="fa fa-sheqel" aria-hidden="true"></i> <span class="sr-only">Example of </span>sheqel <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/try"><i class="fa fa-try" aria-hidden="true"></i> <span class="sr-only">Example of </span>try</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/try"><i class="fa fa-turkish-lira" aria-hidden="true"></i> <span class="sr-only">Example of </span>turkish-lira <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/usd"><i class="fa fa-usd" aria-hidden="true"></i> <span class="sr-only">Example of </span>usd</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/krw"><i class="fa fa-won" aria-hidden="true"></i> <span class="sr-only">Example of </span>won <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/jpy"><i class="fa fa-yen" aria-hidden="true"></i> <span class="sr-only">Example of </span>yen <span class="text-muted">(alias)</span></a></div>
    
  </div>

</section>

    <section id="text-editor">
  <h2 class="page-header">Text Editor Icons</h2>

  <div class="row fontawesome-icon-list">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/align-center"><i class="fa fa-align-center" aria-hidden="true"></i> <span class="sr-only">Example of </span>align-center</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/align-justify"><i class="fa fa-align-justify" aria-hidden="true"></i> <span class="sr-only">Example of </span>align-justify</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/align-left"><i class="fa fa-align-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>align-left</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/align-right"><i class="fa fa-align-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>align-right</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bold"><i class="fa fa-bold" aria-hidden="true"></i> <span class="sr-only">Example of </span>bold</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/link"><i class="fa fa-chain" aria-hidden="true"></i> <span class="sr-only">Example of </span>chain <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/chain-broken"><i class="fa fa-chain-broken" aria-hidden="true"></i> <span class="sr-only">Example of </span>chain-broken</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/clipboard"><i class="fa fa-clipboard" aria-hidden="true"></i> <span class="sr-only">Example of </span>clipboard</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/columns"><i class="fa fa-columns" aria-hidden="true"></i> <span class="sr-only">Example of </span>columns</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/files-o"><i class="fa fa-copy" aria-hidden="true"></i> <span class="sr-only">Example of </span>copy <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/scissors"><i class="fa fa-cut" aria-hidden="true"></i> <span class="sr-only">Example of </span>cut <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/outdent"><i class="fa fa-dedent" aria-hidden="true"></i> <span class="sr-only">Example of </span>dedent <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/eraser"><i class="fa fa-eraser" aria-hidden="true"></i> <span class="sr-only">Example of </span>eraser</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/file"><i class="fa fa-file" aria-hidden="true"></i> <span class="sr-only">Example of </span>file</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/file-o"><i class="fa fa-file-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/file-text"><i class="fa fa-file-text" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-text</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/file-text-o"><i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-text-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/files-o"><i class="fa fa-files-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>files-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/floppy-o"><i class="fa fa-floppy-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>floppy-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/font"><i class="fa fa-font" aria-hidden="true"></i> <span class="sr-only">Example of </span>font</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/header"><i class="fa fa-header" aria-hidden="true"></i> <span class="sr-only">Example of </span>header</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/indent"><i class="fa fa-indent" aria-hidden="true"></i> <span class="sr-only">Example of </span>indent</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/italic"><i class="fa fa-italic" aria-hidden="true"></i> <span class="sr-only">Example of </span>italic</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/link"><i class="fa fa-link" aria-hidden="true"></i> <span class="sr-only">Example of </span>link</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/list"><i class="fa fa-list" aria-hidden="true"></i> <span class="sr-only">Example of </span>list</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/list-alt"><i class="fa fa-list-alt" aria-hidden="true"></i> <span class="sr-only">Example of </span>list-alt</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/list-ol"><i class="fa fa-list-ol" aria-hidden="true"></i> <span class="sr-only">Example of </span>list-ol</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/list-ul"><i class="fa fa-list-ul" aria-hidden="true"></i> <span class="sr-only">Example of </span>list-ul</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/outdent"><i class="fa fa-outdent" aria-hidden="true"></i> <span class="sr-only">Example of </span>outdent</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/paperclip"><i class="fa fa-paperclip" aria-hidden="true"></i> <span class="sr-only">Example of </span>paperclip</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/paragraph"><i class="fa fa-paragraph" aria-hidden="true"></i> <span class="sr-only">Example of </span>paragraph</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/clipboard"><i class="fa fa-paste" aria-hidden="true"></i> <span class="sr-only">Example of </span>paste <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/repeat"><i class="fa fa-repeat" aria-hidden="true"></i> <span class="sr-only">Example of </span>repeat</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/undo"><i class="fa fa-rotate-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>rotate-left <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/repeat"><i class="fa fa-rotate-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>rotate-right <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/floppy-o"><i class="fa fa-save" aria-hidden="true"></i> <span class="sr-only">Example of </span>save <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/scissors"><i class="fa fa-scissors" aria-hidden="true"></i> <span class="sr-only">Example of </span>scissors</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/strikethrough"><i class="fa fa-strikethrough" aria-hidden="true"></i> <span class="sr-only">Example of </span>strikethrough</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/subscript"><i class="fa fa-subscript" aria-hidden="true"></i> <span class="sr-only">Example of </span>subscript</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/superscript"><i class="fa fa-superscript" aria-hidden="true"></i> <span class="sr-only">Example of </span>superscript</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/table"><i class="fa fa-table" aria-hidden="true"></i> <span class="sr-only">Example of </span>table</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/text-height"><i class="fa fa-text-height" aria-hidden="true"></i> <span class="sr-only">Example of </span>text-height</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/text-width"><i class="fa fa-text-width" aria-hidden="true"></i> <span class="sr-only">Example of </span>text-width</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/th"><i class="fa fa-th" aria-hidden="true"></i> <span class="sr-only">Example of </span>th</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/th-large"><i class="fa fa-th-large" aria-hidden="true"></i> <span class="sr-only">Example of </span>th-large</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/th-list"><i class="fa fa-th-list" aria-hidden="true"></i> <span class="sr-only">Example of </span>th-list</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/underline"><i class="fa fa-underline" aria-hidden="true"></i> <span class="sr-only">Example of </span>underline</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/undo"><i class="fa fa-undo" aria-hidden="true"></i> <span class="sr-only">Example of </span>undo</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/chain-broken"><i class="fa fa-unlink" aria-hidden="true"></i> <span class="sr-only">Example of </span>unlink <span class="text-muted">(alias)</span></a></div>
    
  </div>

</section>

    <section id="directional">
  <h2 class="page-header">Directional Icons</h2>

  <div class="row fontawesome-icon-list">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/angle-double-down"><i class="fa fa-angle-double-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>angle-double-down</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/angle-double-left"><i class="fa fa-angle-double-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>angle-double-left</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/angle-double-right"><i class="fa fa-angle-double-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>angle-double-right</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/angle-double-up"><i class="fa fa-angle-double-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>angle-double-up</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/angle-down"><i class="fa fa-angle-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>angle-down</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/angle-left"><i class="fa fa-angle-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>angle-left</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/angle-right"><i class="fa fa-angle-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>angle-right</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/angle-up"><i class="fa fa-angle-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>angle-up</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/arrow-circle-down"><i class="fa fa-arrow-circle-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>arrow-circle-down</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/arrow-circle-left"><i class="fa fa-arrow-circle-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>arrow-circle-left</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/arrow-circle-o-down"><i class="fa fa-arrow-circle-o-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>arrow-circle-o-down</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/arrow-circle-o-left"><i class="fa fa-arrow-circle-o-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>arrow-circle-o-left</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/arrow-circle-o-right"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>arrow-circle-o-right</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/arrow-circle-o-up"><i class="fa fa-arrow-circle-o-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>arrow-circle-o-up</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/arrow-circle-right"><i class="fa fa-arrow-circle-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>arrow-circle-right</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/arrow-circle-up"><i class="fa fa-arrow-circle-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>arrow-circle-up</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/arrow-down"><i class="fa fa-arrow-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>arrow-down</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/arrow-left"><i class="fa fa-arrow-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>arrow-left</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/arrow-right"><i class="fa fa-arrow-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>arrow-right</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/arrow-up"><i class="fa fa-arrow-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>arrow-up</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/arrows"><i class="fa fa-arrows" aria-hidden="true"></i> <span class="sr-only">Example of </span>arrows</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/arrows-alt"><i class="fa fa-arrows-alt" aria-hidden="true"></i> <span class="sr-only">Example of </span>arrows-alt</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/arrows-h"><i class="fa fa-arrows-h" aria-hidden="true"></i> <span class="sr-only">Example of </span>arrows-h</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/arrows-v"><i class="fa fa-arrows-v" aria-hidden="true"></i> <span class="sr-only">Example of </span>arrows-v</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/caret-down"><i class="fa fa-caret-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>caret-down</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/caret-left"><i class="fa fa-caret-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>caret-left</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/caret-right"><i class="fa fa-caret-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>caret-right</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/caret-square-o-down"><i class="fa fa-caret-square-o-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>caret-square-o-down</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/caret-square-o-left"><i class="fa fa-caret-square-o-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>caret-square-o-left</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/caret-square-o-right"><i class="fa fa-caret-square-o-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>caret-square-o-right</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/caret-square-o-up"><i class="fa fa-caret-square-o-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>caret-square-o-up</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/caret-up"><i class="fa fa-caret-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>caret-up</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/chevron-circle-down"><i class="fa fa-chevron-circle-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>chevron-circle-down</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/chevron-circle-left"><i class="fa fa-chevron-circle-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>chevron-circle-left</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/chevron-circle-right"><i class="fa fa-chevron-circle-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>chevron-circle-right</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/chevron-circle-up"><i class="fa fa-chevron-circle-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>chevron-circle-up</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/chevron-down"><i class="fa fa-chevron-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>chevron-down</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/chevron-left"><i class="fa fa-chevron-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>chevron-left</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/chevron-right"><i class="fa fa-chevron-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>chevron-right</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/chevron-up"><i class="fa fa-chevron-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>chevron-up</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/exchange"><i class="fa fa-exchange" aria-hidden="true"></i> <span class="sr-only">Example of </span>exchange</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hand-o-down"><i class="fa fa-hand-o-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-o-down</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hand-o-left"><i class="fa fa-hand-o-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-o-left</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hand-o-right"><i class="fa fa-hand-o-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-o-right</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hand-o-up"><i class="fa fa-hand-o-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-o-up</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/long-arrow-down"><i class="fa fa-long-arrow-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>long-arrow-down</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/long-arrow-left"><i class="fa fa-long-arrow-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>long-arrow-left</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/long-arrow-right"><i class="fa fa-long-arrow-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>long-arrow-right</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/long-arrow-up"><i class="fa fa-long-arrow-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>long-arrow-up</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/caret-square-o-down"><i class="fa fa-toggle-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>toggle-down <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/caret-square-o-left"><i class="fa fa-toggle-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>toggle-left <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/caret-square-o-right"><i class="fa fa-toggle-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>toggle-right <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/caret-square-o-up"><i class="fa fa-toggle-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>toggle-up <span class="text-muted">(alias)</span></a></div>
    
  </div>

</section>

    <section id="video-player">
  <h2 class="page-header">Video Player Icons</h2>

  <div class="row fontawesome-icon-list">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/arrows-alt"><i class="fa fa-arrows-alt" aria-hidden="true"></i> <span class="sr-only">Example of </span>arrows-alt</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/backward"><i class="fa fa-backward" aria-hidden="true"></i> <span class="sr-only">Example of </span>backward</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/compress"><i class="fa fa-compress" aria-hidden="true"></i> <span class="sr-only">Example of </span>compress</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/eject"><i class="fa fa-eject" aria-hidden="true"></i> <span class="sr-only">Example of </span>eject</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/expand"><i class="fa fa-expand" aria-hidden="true"></i> <span class="sr-only">Example of </span>expand</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/fast-backward"><i class="fa fa-fast-backward" aria-hidden="true"></i> <span class="sr-only">Example of </span>fast-backward</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/fast-forward"><i class="fa fa-fast-forward" aria-hidden="true"></i> <span class="sr-only">Example of </span>fast-forward</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/forward"><i class="fa fa-forward" aria-hidden="true"></i> <span class="sr-only">Example of </span>forward</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/pause"><i class="fa fa-pause" aria-hidden="true"></i> <span class="sr-only">Example of </span>pause</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/pause-circle"><i class="fa fa-pause-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>pause-circle</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/pause-circle-o"><i class="fa fa-pause-circle-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>pause-circle-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/play"><i class="fa fa-play" aria-hidden="true"></i> <span class="sr-only">Example of </span>play</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/play-circle"><i class="fa fa-play-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>play-circle</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/play-circle-o"><i class="fa fa-play-circle-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>play-circle-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/random"><i class="fa fa-random" aria-hidden="true"></i> <span class="sr-only">Example of </span>random</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/step-backward"><i class="fa fa-step-backward" aria-hidden="true"></i> <span class="sr-only">Example of </span>step-backward</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/step-forward"><i class="fa fa-step-forward" aria-hidden="true"></i> <span class="sr-only">Example of </span>step-forward</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/stop"><i class="fa fa-stop" aria-hidden="true"></i> <span class="sr-only">Example of </span>stop</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/stop-circle"><i class="fa fa-stop-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>stop-circle</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/stop-circle-o"><i class="fa fa-stop-circle-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>stop-circle-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/youtube-play"><i class="fa fa-youtube-play" aria-hidden="true"></i> <span class="sr-only">Example of </span>youtube-play</a></div>
    
  </div>

</section>

    <section id="brand">
  <h2 class="page-header">Brand Icons</h2>

  <div class="row fontawesome-icon-list margin-bottom-lg">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/500px"><i class="fa fa-500px" aria-hidden="true"></i> <span class="sr-only">Example of </span>500px</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/adn"><i class="fa fa-adn" aria-hidden="true"></i> <span class="sr-only">Example of </span>adn</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/amazon"><i class="fa fa-amazon" aria-hidden="true"></i> <span class="sr-only">Example of </span>amazon</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/android"><i class="fa fa-android" aria-hidden="true"></i> <span class="sr-only">Example of </span>android</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/angellist"><i class="fa fa-angellist" aria-hidden="true"></i> <span class="sr-only">Example of </span>angellist</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/apple"><i class="fa fa-apple" aria-hidden="true"></i> <span class="sr-only">Example of </span>apple</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bandcamp"><i class="fa fa-bandcamp" aria-hidden="true"></i> <span class="sr-only">Example of </span>bandcamp</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/behance"><i class="fa fa-behance" aria-hidden="true"></i> <span class="sr-only">Example of </span>behance</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/behance-square"><i class="fa fa-behance-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>behance-square</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bitbucket"><i class="fa fa-bitbucket" aria-hidden="true"></i> <span class="sr-only">Example of </span>bitbucket</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bitbucket-square"><i class="fa fa-bitbucket-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>bitbucket-square</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/btc"><i class="fa fa-bitcoin" aria-hidden="true"></i> <span class="sr-only">Example of </span>bitcoin <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/black-tie"><i class="fa fa-black-tie" aria-hidden="true"></i> <span class="sr-only">Example of </span>black-tie</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bluetooth"><i class="fa fa-bluetooth" aria-hidden="true"></i> <span class="sr-only">Example of </span>bluetooth</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bluetooth-b"><i class="fa fa-bluetooth-b" aria-hidden="true"></i> <span class="sr-only">Example of </span>bluetooth-b</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/btc"><i class="fa fa-btc" aria-hidden="true"></i> <span class="sr-only">Example of </span>btc</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/buysellads"><i class="fa fa-buysellads" aria-hidden="true"></i> <span class="sr-only">Example of </span>buysellads</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/cc-amex"><i class="fa fa-cc-amex" aria-hidden="true"></i> <span class="sr-only">Example of </span>cc-amex</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/cc-diners-club"><i class="fa fa-cc-diners-club" aria-hidden="true"></i> <span class="sr-only">Example of </span>cc-diners-club</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/cc-discover"><i class="fa fa-cc-discover" aria-hidden="true"></i> <span class="sr-only">Example of </span>cc-discover</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/cc-jcb"><i class="fa fa-cc-jcb" aria-hidden="true"></i> <span class="sr-only">Example of </span>cc-jcb</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/cc-mastercard"><i class="fa fa-cc-mastercard" aria-hidden="true"></i> <span class="sr-only">Example of </span>cc-mastercard</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/cc-paypal"><i class="fa fa-cc-paypal" aria-hidden="true"></i> <span class="sr-only">Example of </span>cc-paypal</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/cc-stripe"><i class="fa fa-cc-stripe" aria-hidden="true"></i> <span class="sr-only">Example of </span>cc-stripe</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/cc-visa"><i class="fa fa-cc-visa" aria-hidden="true"></i> <span class="sr-only">Example of </span>cc-visa</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/chrome"><i class="fa fa-chrome" aria-hidden="true"></i> <span class="sr-only">Example of </span>chrome</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/codepen"><i class="fa fa-codepen" aria-hidden="true"></i> <span class="sr-only">Example of </span>codepen</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/codiepie"><i class="fa fa-codiepie" aria-hidden="true"></i> <span class="sr-only">Example of </span>codiepie</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/connectdevelop"><i class="fa fa-connectdevelop" aria-hidden="true"></i> <span class="sr-only">Example of </span>connectdevelop</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/contao"><i class="fa fa-contao" aria-hidden="true"></i> <span class="sr-only">Example of </span>contao</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/css3"><i class="fa fa-css3" aria-hidden="true"></i> <span class="sr-only">Example of </span>css3</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/dashcube"><i class="fa fa-dashcube" aria-hidden="true"></i> <span class="sr-only">Example of </span>dashcube</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/delicious"><i class="fa fa-delicious" aria-hidden="true"></i> <span class="sr-only">Example of </span>delicious</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/deviantart"><i class="fa fa-deviantart" aria-hidden="true"></i> <span class="sr-only">Example of </span>deviantart</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/digg"><i class="fa fa-digg" aria-hidden="true"></i> <span class="sr-only">Example of </span>digg</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/dribbble"><i class="fa fa-dribbble" aria-hidden="true"></i> <span class="sr-only">Example of </span>dribbble</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/dropbox"><i class="fa fa-dropbox" aria-hidden="true"></i> <span class="sr-only">Example of </span>dropbox</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/drupal"><i class="fa fa-drupal" aria-hidden="true"></i> <span class="sr-only">Example of </span>drupal</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/edge"><i class="fa fa-edge" aria-hidden="true"></i> <span class="sr-only">Example of </span>edge</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/eercast"><i class="fa fa-eercast" aria-hidden="true"></i> <span class="sr-only">Example of </span>eercast</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/empire"><i class="fa fa-empire" aria-hidden="true"></i> <span class="sr-only">Example of </span>empire</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/envira"><i class="fa fa-envira" aria-hidden="true"></i> <span class="sr-only">Example of </span>envira</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/etsy"><i class="fa fa-etsy" aria-hidden="true"></i> <span class="sr-only">Example of </span>etsy</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/expeditedssl"><i class="fa fa-expeditedssl" aria-hidden="true"></i> <span class="sr-only">Example of </span>expeditedssl</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/font-awesome"><i class="fa fa-fa" aria-hidden="true"></i> <span class="sr-only">Example of </span>fa <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/facebook"><i class="fa fa-facebook" aria-hidden="true"></i> <span class="sr-only">Example of </span>facebook</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/facebook"><i class="fa fa-facebook-f" aria-hidden="true"></i> <span class="sr-only">Example of </span>facebook-f <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/facebook-official"><i class="fa fa-facebook-official" aria-hidden="true"></i> <span class="sr-only">Example of </span>facebook-official</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/facebook-square"><i class="fa fa-facebook-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>facebook-square</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/firefox"><i class="fa fa-firefox" aria-hidden="true"></i> <span class="sr-only">Example of </span>firefox</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/first-order"><i class="fa fa-first-order" aria-hidden="true"></i> <span class="sr-only">Example of </span>first-order</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/flickr"><i class="fa fa-flickr" aria-hidden="true"></i> <span class="sr-only">Example of </span>flickr</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/font-awesome"><i class="fa fa-font-awesome" aria-hidden="true"></i> <span class="sr-only">Example of </span>font-awesome</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/fonticons"><i class="fa fa-fonticons" aria-hidden="true"></i> <span class="sr-only">Example of </span>fonticons</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/fort-awesome"><i class="fa fa-fort-awesome" aria-hidden="true"></i> <span class="sr-only">Example of </span>fort-awesome</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/forumbee"><i class="fa fa-forumbee" aria-hidden="true"></i> <span class="sr-only">Example of </span>forumbee</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/foursquare"><i class="fa fa-foursquare" aria-hidden="true"></i> <span class="sr-only">Example of </span>foursquare</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/free-code-camp"><i class="fa fa-free-code-camp" aria-hidden="true"></i> <span class="sr-only">Example of </span>free-code-camp</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/empire"><i class="fa fa-ge" aria-hidden="true"></i> <span class="sr-only">Example of </span>ge <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/get-pocket"><i class="fa fa-get-pocket" aria-hidden="true"></i> <span class="sr-only">Example of </span>get-pocket</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/gg"><i class="fa fa-gg" aria-hidden="true"></i> <span class="sr-only">Example of </span>gg</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/gg-circle"><i class="fa fa-gg-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>gg-circle</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/git"><i class="fa fa-git" aria-hidden="true"></i> <span class="sr-only">Example of </span>git</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/git-square"><i class="fa fa-git-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>git-square</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/github"><i class="fa fa-github" aria-hidden="true"></i> <span class="sr-only">Example of </span>github</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/github-alt"><i class="fa fa-github-alt" aria-hidden="true"></i> <span class="sr-only">Example of </span>github-alt</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/github-square"><i class="fa fa-github-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>github-square</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/gitlab"><i class="fa fa-gitlab" aria-hidden="true"></i> <span class="sr-only">Example of </span>gitlab</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/gratipay"><i class="fa fa-gittip" aria-hidden="true"></i> <span class="sr-only">Example of </span>gittip <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/glide"><i class="fa fa-glide" aria-hidden="true"></i> <span class="sr-only">Example of </span>glide</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/glide-g"><i class="fa fa-glide-g" aria-hidden="true"></i> <span class="sr-only">Example of </span>glide-g</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/google"><i class="fa fa-google" aria-hidden="true"></i> <span class="sr-only">Example of </span>google</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/google-plus"><i class="fa fa-google-plus" aria-hidden="true"></i> <span class="sr-only">Example of </span>google-plus</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/google-plus-official"><i class="fa fa-google-plus-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>google-plus-circle <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/google-plus-official"><i class="fa fa-google-plus-official" aria-hidden="true"></i> <span class="sr-only">Example of </span>google-plus-official</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/google-plus-square"><i class="fa fa-google-plus-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>google-plus-square</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/google-wallet"><i class="fa fa-google-wallet" aria-hidden="true"></i> <span class="sr-only">Example of </span>google-wallet</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/gratipay"><i class="fa fa-gratipay" aria-hidden="true"></i> <span class="sr-only">Example of </span>gratipay</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/grav"><i class="fa fa-grav" aria-hidden="true"></i> <span class="sr-only">Example of </span>grav</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hacker-news"><i class="fa fa-hacker-news" aria-hidden="true"></i> <span class="sr-only">Example of </span>hacker-news</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/houzz"><i class="fa fa-houzz" aria-hidden="true"></i> <span class="sr-only">Example of </span>houzz</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/html5"><i class="fa fa-html5" aria-hidden="true"></i> <span class="sr-only">Example of </span>html5</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/imdb"><i class="fa fa-imdb" aria-hidden="true"></i> <span class="sr-only">Example of </span>imdb</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/instagram"><i class="fa fa-instagram" aria-hidden="true"></i> <span class="sr-only">Example of </span>instagram</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/internet-explorer"><i class="fa fa-internet-explorer" aria-hidden="true"></i> <span class="sr-only">Example of </span>internet-explorer</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/ioxhost"><i class="fa fa-ioxhost" aria-hidden="true"></i> <span class="sr-only">Example of </span>ioxhost</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/joomla"><i class="fa fa-joomla" aria-hidden="true"></i> <span class="sr-only">Example of </span>joomla</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/jsfiddle"><i class="fa fa-jsfiddle" aria-hidden="true"></i> <span class="sr-only">Example of </span>jsfiddle</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/lastfm"><i class="fa fa-lastfm" aria-hidden="true"></i> <span class="sr-only">Example of </span>lastfm</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/lastfm-square"><i class="fa fa-lastfm-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>lastfm-square</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/leanpub"><i class="fa fa-leanpub" aria-hidden="true"></i> <span class="sr-only">Example of </span>leanpub</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/linkedin"><i class="fa fa-linkedin" aria-hidden="true"></i> <span class="sr-only">Example of </span>linkedin</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/linkedin-square"><i class="fa fa-linkedin-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>linkedin-square</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/linode"><i class="fa fa-linode" aria-hidden="true"></i> <span class="sr-only">Example of </span>linode</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/linux"><i class="fa fa-linux" aria-hidden="true"></i> <span class="sr-only">Example of </span>linux</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/maxcdn"><i class="fa fa-maxcdn" aria-hidden="true"></i> <span class="sr-only">Example of </span>maxcdn</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/meanpath"><i class="fa fa-meanpath" aria-hidden="true"></i> <span class="sr-only">Example of </span>meanpath</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/medium"><i class="fa fa-medium" aria-hidden="true"></i> <span class="sr-only">Example of </span>medium</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/meetup"><i class="fa fa-meetup" aria-hidden="true"></i> <span class="sr-only">Example of </span>meetup</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/mixcloud"><i class="fa fa-mixcloud" aria-hidden="true"></i> <span class="sr-only">Example of </span>mixcloud</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/modx"><i class="fa fa-modx" aria-hidden="true"></i> <span class="sr-only">Example of </span>modx</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/odnoklassniki"><i class="fa fa-odnoklassniki" aria-hidden="true"></i> <span class="sr-only">Example of </span>odnoklassniki</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/odnoklassniki-square"><i class="fa fa-odnoklassniki-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>odnoklassniki-square</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/opencart"><i class="fa fa-opencart" aria-hidden="true"></i> <span class="sr-only">Example of </span>opencart</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/openid"><i class="fa fa-openid" aria-hidden="true"></i> <span class="sr-only">Example of </span>openid</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/opera"><i class="fa fa-opera" aria-hidden="true"></i> <span class="sr-only">Example of </span>opera</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/optin-monster"><i class="fa fa-optin-monster" aria-hidden="true"></i> <span class="sr-only">Example of </span>optin-monster</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/pagelines"><i class="fa fa-pagelines" aria-hidden="true"></i> <span class="sr-only">Example of </span>pagelines</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/paypal"><i class="fa fa-paypal" aria-hidden="true"></i> <span class="sr-only">Example of </span>paypal</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/pied-piper"><i class="fa fa-pied-piper" aria-hidden="true"></i> <span class="sr-only">Example of </span>pied-piper</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/pied-piper-alt"><i class="fa fa-pied-piper-alt" aria-hidden="true"></i> <span class="sr-only">Example of </span>pied-piper-alt</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/pied-piper-pp"><i class="fa fa-pied-piper-pp" aria-hidden="true"></i> <span class="sr-only">Example of </span>pied-piper-pp</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/pinterest"><i class="fa fa-pinterest" aria-hidden="true"></i> <span class="sr-only">Example of </span>pinterest</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/pinterest-p"><i class="fa fa-pinterest-p" aria-hidden="true"></i> <span class="sr-only">Example of </span>pinterest-p</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/pinterest-square"><i class="fa fa-pinterest-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>pinterest-square</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/product-hunt"><i class="fa fa-product-hunt" aria-hidden="true"></i> <span class="sr-only">Example of </span>product-hunt</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/qq"><i class="fa fa-qq" aria-hidden="true"></i> <span class="sr-only">Example of </span>qq</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/quora"><i class="fa fa-quora" aria-hidden="true"></i> <span class="sr-only">Example of </span>quora</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/rebel"><i class="fa fa-ra" aria-hidden="true"></i> <span class="sr-only">Example of </span>ra <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/ravelry"><i class="fa fa-ravelry" aria-hidden="true"></i> <span class="sr-only">Example of </span>ravelry</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/rebel"><i class="fa fa-rebel" aria-hidden="true"></i> <span class="sr-only">Example of </span>rebel</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/reddit"><i class="fa fa-reddit" aria-hidden="true"></i> <span class="sr-only">Example of </span>reddit</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/reddit-alien"><i class="fa fa-reddit-alien" aria-hidden="true"></i> <span class="sr-only">Example of </span>reddit-alien</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/reddit-square"><i class="fa fa-reddit-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>reddit-square</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/renren"><i class="fa fa-renren" aria-hidden="true"></i> <span class="sr-only">Example of </span>renren</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/rebel"><i class="fa fa-resistance" aria-hidden="true"></i> <span class="sr-only">Example of </span>resistance <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/safari"><i class="fa fa-safari" aria-hidden="true"></i> <span class="sr-only">Example of </span>safari</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/scribd"><i class="fa fa-scribd" aria-hidden="true"></i> <span class="sr-only">Example of </span>scribd</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/sellsy"><i class="fa fa-sellsy" aria-hidden="true"></i> <span class="sr-only">Example of </span>sellsy</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/share-alt"><i class="fa fa-share-alt" aria-hidden="true"></i> <span class="sr-only">Example of </span>share-alt</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/share-alt-square"><i class="fa fa-share-alt-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>share-alt-square</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/shirtsinbulk"><i class="fa fa-shirtsinbulk" aria-hidden="true"></i> <span class="sr-only">Example of </span>shirtsinbulk</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/simplybuilt"><i class="fa fa-simplybuilt" aria-hidden="true"></i> <span class="sr-only">Example of </span>simplybuilt</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/skyatlas"><i class="fa fa-skyatlas" aria-hidden="true"></i> <span class="sr-only">Example of </span>skyatlas</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/skype"><i class="fa fa-skype" aria-hidden="true"></i> <span class="sr-only">Example of </span>skype</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/slack"><i class="fa fa-slack" aria-hidden="true"></i> <span class="sr-only">Example of </span>slack</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/slideshare"><i class="fa fa-slideshare" aria-hidden="true"></i> <span class="sr-only">Example of </span>slideshare</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/snapchat"><i class="fa fa-snapchat" aria-hidden="true"></i> <span class="sr-only">Example of </span>snapchat</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/snapchat-ghost"><i class="fa fa-snapchat-ghost" aria-hidden="true"></i> <span class="sr-only">Example of </span>snapchat-ghost</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/snapchat-square"><i class="fa fa-snapchat-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>snapchat-square</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/soundcloud"><i class="fa fa-soundcloud" aria-hidden="true"></i> <span class="sr-only">Example of </span>soundcloud</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/spotify"><i class="fa fa-spotify" aria-hidden="true"></i> <span class="sr-only">Example of </span>spotify</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/stack-exchange"><i class="fa fa-stack-exchange" aria-hidden="true"></i> <span class="sr-only">Example of </span>stack-exchange</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/stack-overflow"><i class="fa fa-stack-overflow" aria-hidden="true"></i> <span class="sr-only">Example of </span>stack-overflow</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/steam"><i class="fa fa-steam" aria-hidden="true"></i> <span class="sr-only">Example of </span>steam</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/steam-square"><i class="fa fa-steam-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>steam-square</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/stumbleupon"><i class="fa fa-stumbleupon" aria-hidden="true"></i> <span class="sr-only">Example of </span>stumbleupon</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/stumbleupon-circle"><i class="fa fa-stumbleupon-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>stumbleupon-circle</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/superpowers"><i class="fa fa-superpowers" aria-hidden="true"></i> <span class="sr-only">Example of </span>superpowers</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/telegram"><i class="fa fa-telegram" aria-hidden="true"></i> <span class="sr-only">Example of </span>telegram</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/tencent-weibo"><i class="fa fa-tencent-weibo" aria-hidden="true"></i> <span class="sr-only">Example of </span>tencent-weibo</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/themeisle"><i class="fa fa-themeisle" aria-hidden="true"></i> <span class="sr-only">Example of </span>themeisle</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/trello"><i class="fa fa-trello" aria-hidden="true"></i> <span class="sr-only">Example of </span>trello</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/tripadvisor"><i class="fa fa-tripadvisor" aria-hidden="true"></i> <span class="sr-only">Example of </span>tripadvisor</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/tumblr"><i class="fa fa-tumblr" aria-hidden="true"></i> <span class="sr-only">Example of </span>tumblr</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/tumblr-square"><i class="fa fa-tumblr-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>tumblr-square</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/twitch"><i class="fa fa-twitch" aria-hidden="true"></i> <span class="sr-only">Example of </span>twitch</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/twitter"><i class="fa fa-twitter" aria-hidden="true"></i> <span class="sr-only">Example of </span>twitter</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/twitter-square"><i class="fa fa-twitter-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>twitter-square</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/usb"><i class="fa fa-usb" aria-hidden="true"></i> <span class="sr-only">Example of </span>usb</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/viacoin"><i class="fa fa-viacoin" aria-hidden="true"></i> <span class="sr-only">Example of </span>viacoin</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/viadeo"><i class="fa fa-viadeo" aria-hidden="true"></i> <span class="sr-only">Example of </span>viadeo</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/viadeo-square"><i class="fa fa-viadeo-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>viadeo-square</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/vimeo"><i class="fa fa-vimeo" aria-hidden="true"></i> <span class="sr-only">Example of </span>vimeo</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/vimeo-square"><i class="fa fa-vimeo-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>vimeo-square</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/vine"><i class="fa fa-vine" aria-hidden="true"></i> <span class="sr-only">Example of </span>vine</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/vk"><i class="fa fa-vk" aria-hidden="true"></i> <span class="sr-only">Example of </span>vk</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/weixin"><i class="fa fa-wechat" aria-hidden="true"></i> <span class="sr-only">Example of </span>wechat <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/weibo"><i class="fa fa-weibo" aria-hidden="true"></i> <span class="sr-only">Example of </span>weibo</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/weixin"><i class="fa fa-weixin" aria-hidden="true"></i> <span class="sr-only">Example of </span>weixin</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/whatsapp"><i class="fa fa-whatsapp" aria-hidden="true"></i> <span class="sr-only">Example of </span>whatsapp</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/wikipedia-w"><i class="fa fa-wikipedia-w" aria-hidden="true"></i> <span class="sr-only">Example of </span>wikipedia-w</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/windows"><i class="fa fa-windows" aria-hidden="true"></i> <span class="sr-only">Example of </span>windows</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/wordpress"><i class="fa fa-wordpress" aria-hidden="true"></i> <span class="sr-only">Example of </span>wordpress</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/wpbeginner"><i class="fa fa-wpbeginner" aria-hidden="true"></i> <span class="sr-only">Example of </span>wpbeginner</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/wpexplorer"><i class="fa fa-wpexplorer" aria-hidden="true"></i> <span class="sr-only">Example of </span>wpexplorer</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/wpforms"><i class="fa fa-wpforms" aria-hidden="true"></i> <span class="sr-only">Example of </span>wpforms</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/xing"><i class="fa fa-xing" aria-hidden="true"></i> <span class="sr-only">Example of </span>xing</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/xing-square"><i class="fa fa-xing-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>xing-square</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/y-combinator"><i class="fa fa-y-combinator" aria-hidden="true"></i> <span class="sr-only">Example of </span>y-combinator</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hacker-news"><i class="fa fa-y-combinator-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>y-combinator-square <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/yahoo"><i class="fa fa-yahoo" aria-hidden="true"></i> <span class="sr-only">Example of </span>yahoo</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/y-combinator"><i class="fa fa-yc" aria-hidden="true"></i> <span class="sr-only">Example of </span>yc <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hacker-news"><i class="fa fa-yc-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>yc-square <span class="text-muted">(alias)</span></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/yelp"><i class="fa fa-yelp" aria-hidden="true"></i> <span class="sr-only">Example of </span>yelp</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/yoast"><i class="fa fa-yoast" aria-hidden="true"></i> <span class="sr-only">Example of </span>yoast</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/youtube"><i class="fa fa-youtube" aria-hidden="true"></i> <span class="sr-only">Example of </span>youtube</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/youtube-play"><i class="fa fa-youtube-play" aria-hidden="true"></i> <span class="sr-only">Example of </span>youtube-play</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/youtube-square"><i class="fa fa-youtube-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>youtube-square</a></div>
    
  </div>

  <div class="alert alert-warning">
    <h4><i class="fa fa-warning" aria-hidden"true"=""></i> Warning!</h4>
Apparently, Adblock Plus can remove Font Awesome brand icons with their "Remove Social
Media Buttons" setting. We will not use hacks to force them to display. Please
<a href="https://adblockplus.org/en/bugs" class="alert-link">report an issue with Adblock Plus</a> if you believe this to be
an error. To work around this, you'll need to modify the social icon class names.

  </div>

  <div class="alert alert-success">
    <ul class="margin-bottom-none padding-left-lg">
  <li>All brand icons are trademarks of their respective owners.</li>
  <li>The use of these trademarks does not indicate endorsement of the trademark holder by Font Awesome, nor vice versa.</li>
  <li>Brand icons should only be used to represent the company or product to which they refer.</li>
  <li class="strong">Please do not use brand logos for any purpose except to represent that particular brand or service.</li>
</ul>

  </div>
</section>

    <section id="medical">
  <h2 class="page-header">Medical Icons</h2>

  <div class="row fontawesome-icon-list">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/ambulance"><i class="fa fa-ambulance" aria-hidden="true"></i> <span class="sr-only">Example of </span>ambulance</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/h-square"><i class="fa fa-h-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>h-square</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/heart"><i class="fa fa-heart" aria-hidden="true"></i> <span class="sr-only">Example of </span>heart</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/heart-o"><i class="fa fa-heart-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>heart-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/heartbeat"><i class="fa fa-heartbeat" aria-hidden="true"></i> <span class="sr-only">Example of </span>heartbeat</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hospital-o"><i class="fa fa-hospital-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>hospital-o</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/medkit"><i class="fa fa-medkit" aria-hidden="true"></i> <span class="sr-only">Example of </span>medkit</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/plus-square"><i class="fa fa-plus-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>plus-square</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/stethoscope"><i class="fa fa-stethoscope" aria-hidden="true"></i> <span class="sr-only">Example of </span>stethoscope</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/user-md"><i class="fa fa-user-md" aria-hidden="true"></i> <span class="sr-only">Example of </span>user-md</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/wheelchair"><i class="fa fa-wheelchair" aria-hidden="true"></i> <span class="sr-only">Example of </span>wheelchair</a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/wheelchair-alt"><i class="fa fa-wheelchair-alt" aria-hidden="true"></i> <span class="sr-only">Example of </span>wheelchair-alt</a></div>
    
  </div>

</section>

  </div>
								<div id="icons">
    <section id="new">
	<h2 class="page-header">30 New Icons in 4.6 
	</h2>
  

  <div class="row fontawesome-icon-list">
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-american-sign-language-interpreting" aria-hidden="true"></i><input class="icon-name input-sm" value="american-sign-language-interpreting" /> </a> </div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-asl-interpreting" aria-hidden="true"></i> <input class="icon-name input-sm" value="asl-interpreting" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-assistive-listening-systems" aria-hidden="true"></i> <input class="icon-name input-sm" value="assistive-listening-systems" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-audio-description" aria-hidden="true"></i> <input class="icon-name input-sm" value="audio-description" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-blind" aria-hidden="true"></i> <input class="icon-name input-sm" value="blind" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-braille" aria-hidden="true"></i> <input class="icon-name input-sm" value="braille" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-deaf" aria-hidden="true"></i> <input class="icon-name input-sm" value="deaf" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-deafness" aria-hidden="true"></i> <input class="icon-name input-sm" value="deafness" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-envira" aria-hidden="true"></i> <input class="icon-name input-sm" value="envira" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-fa" aria-hidden="true"></i> <input class="icon-name input-sm" value="fa" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-first-order" aria-hidden="true"></i> <input class="icon-name input-sm" value="first-order" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-font-awesome" aria-hidden="true"></i> <input class="icon-name input-sm" value="font-awesome" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-gitlab" aria-hidden="true"></i> <input class="icon-name input-sm" value="gitlab" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-glide" aria-hidden="true"></i> <input class="icon-name input-sm" value="glide" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-glide-g" aria-hidden="true"></i> <input class="icon-name input-sm" value="glide-g" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-google-plus-circle" aria-hidden="true"></i> <input class="icon-name input-sm" value="google-plus-circle" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-google-plus-official" aria-hidden="true"></i> <input class="icon-name input-sm" value="google-plus-official" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hard-of-hearing" aria-hidden="true"></i> <input class="icon-name input-sm" value="hard-of-hearing" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-instagram" aria-hidden="true"></i> <input class="icon-name input-sm" value="instagram" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-low-vision" aria-hidden="true"></i> <input class="icon-name input-sm" value="low-vision" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-pied-piper" aria-hidden="true"></i> <input class="icon-name input-sm" value="pied-piper" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-question-circle-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="question-circle-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-sign-language" aria-hidden="true"></i> <input class="icon-name input-sm" value="sign-language" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-signing" aria-hidden="true"></i> <input class="icon-name input-sm" value="signing" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-snapchat" aria-hidden="true"></i> <input class="icon-name input-sm" value="snapchat" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-snapchat-ghost" aria-hidden="true"></i> <input class="icon-name input-sm" value="snapchat-ghost" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-snapchat-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="snapchat-square" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-themeisle" aria-hidden="true"></i> <input class="icon-name input-sm" value="themeisle" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-universal-access" aria-hidden="true"></i> <input class="icon-name input-sm" value="universal-access" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-viadeo" aria-hidden="true"></i> <input class="icon-name input-sm" value="viadeo" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-viadeo-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="viadeo-square" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-volume-control-phone" aria-hidden="true"></i> <input class="icon-name input-sm" value="volume-control-phone" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-wheelchair-alt" aria-hidden="true"></i> <input class="icon-name input-sm" value="wheelchair-alt" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-wpbeginner" aria-hidden="true"></i> <input class="icon-name input-sm" value="wpbeginner" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-wpforms" aria-hidden="true"></i> <input class="icon-name input-sm" value="wpforms" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-yoast" aria-hidden="true"></i> <input class="icon-name input-sm" value="yoast" /></a></div>
    
  </div>

</section>

    <section id="web-application">
  <h2 class="page-header">Web Application Icons</h2>

  <div class="row fontawesome-icon-list">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-adjust" aria-hidden="true"></i> <input class="icon-name input-sm" value="adjust" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-american-sign-language-interpreting" aria-hidden="true"></i> <input class="icon-name input-sm" value="american-sign-language-interpreting" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-anchor" aria-hidden="true"></i> <input class="icon-name input-sm" value="anchor" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-archive" aria-hidden="true"></i> <input class="icon-name input-sm" value="archive" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-area-chart" aria-hidden="true"></i> <input class="icon-name input-sm" value="area-chart" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-arrows" aria-hidden="true"></i> <input class="icon-name input-sm" value="arrows" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-arrows-h" aria-hidden="true"></i> <input class="icon-name input-sm" value="arrows-h" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-arrows-v" aria-hidden="true"></i> <input class="icon-name input-sm" value="arrows-v" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-asl-interpreting" aria-hidden="true"></i> <input class="icon-name input-sm" value="asl-interpreting" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-assistive-listening-systems" aria-hidden="true"></i> <input class="icon-name input-sm" value="assistive-listening-systems" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-asterisk" aria-hidden="true"></i> <input class="icon-name input-sm" value="asterisk" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-at" aria-hidden="true"></i> <input class="icon-name input-sm" value="at" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-audio-description" aria-hidden="true"></i> <input class="icon-name input-sm" value="audio-description" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-automobile" aria-hidden="true"></i> <input class="icon-name input-sm" value="automobile" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-balance-scale" aria-hidden="true"></i> <input class="icon-name input-sm" value="balance-scale" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-ban" aria-hidden="true"></i> <input class="icon-name input-sm" value="ban" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bank" aria-hidden="true"></i> <input class="icon-name input-sm" value="bank" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bar-chart" aria-hidden="true"></i> <input class="icon-name input-sm" value="bar-chart" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bar-chart-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="bar-chart-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-barcode" aria-hidden="true"></i> <input class="icon-name input-sm" value="barcode" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bars" aria-hidden="true"></i> <input class="icon-name input-sm" value="bars" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-battery-0" aria-hidden="true"></i> <input class="icon-name input-sm" value="battery-0" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-battery-1" aria-hidden="true"></i> <input class="icon-name input-sm" value="battery-1" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-battery-2" aria-hidden="true"></i> <input class="icon-name input-sm" value="battery-2" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-battery-3" aria-hidden="true"></i> <input class="icon-name input-sm" value="battery-3" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-battery-4" aria-hidden="true"></i> <input class="icon-name input-sm" value="battery-4" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-battery-empty" aria-hidden="true"></i> <input class="icon-name input-sm" value="battery-empty" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-battery-full" aria-hidden="true"></i> <input class="icon-name input-sm" value="battery-full" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-battery-half" aria-hidden="true"></i> <input class="icon-name input-sm" value="battery-half" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-battery-quarter" aria-hidden="true"></i> <input class="icon-name input-sm" value="battery-quarter" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-battery-three-quarters" aria-hidden="true"></i> <input class="icon-name input-sm" value="battery-three-quarters" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bed" aria-hidden="true"></i> <input class="icon-name input-sm" value="bed" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-beer" aria-hidden="true"></i> <input class="icon-name input-sm" value="beer" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bell" aria-hidden="true"></i> <input class="icon-name input-sm" value="bell" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bell-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="bell-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bell-slash" aria-hidden="true"></i> <input class="icon-name input-sm" value="bell-slash" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bell-slash-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="bell-slash-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bicycle" aria-hidden="true"></i> <input class="icon-name input-sm" value="bicycle" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-binoculars" aria-hidden="true"></i> <input class="icon-name input-sm" value="binoculars" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-birthday-cake" aria-hidden="true"></i> <input class="icon-name input-sm" value="birthday-cake" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-blind" aria-hidden="true"></i> <input class="icon-name input-sm" value="blind" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bluetooth" aria-hidden="true"></i> <input class="icon-name input-sm" value="bluetooth" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bluetooth-b" aria-hidden="true"></i> <input class="icon-name input-sm" value="bluetooth-b" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bolt" aria-hidden="true"></i> <input class="icon-name input-sm" value="bolt" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bomb" aria-hidden="true"></i> <input class="icon-name input-sm" value="bomb" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-book" aria-hidden="true"></i> <input class="icon-name input-sm" value="book" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bookmark" aria-hidden="true"></i> <input class="icon-name input-sm" value="bookmark" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bookmark-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="bookmark-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-braille" aria-hidden="true"></i> <input class="icon-name input-sm" value="braille" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-briefcase" aria-hidden="true"></i> <input class="icon-name input-sm" value="briefcase" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bug" aria-hidden="true"></i> <input class="icon-name input-sm" value="bug" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-building" aria-hidden="true"></i> <input class="icon-name input-sm" value="building" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-building-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="building-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bullhorn" aria-hidden="true"></i> <input class="icon-name input-sm" value="bullhorn" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bullseye" aria-hidden="true"></i> <input class="icon-name input-sm" value="bullseye" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bus" aria-hidden="true"></i> <input class="icon-name input-sm" value="bus" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cab" aria-hidden="true"></i> <input class="icon-name input-sm" value="cab" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-calculator" aria-hidden="true"></i> <input class="icon-name input-sm" value="calculator" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-calendar" aria-hidden="true"></i> <input class="icon-name input-sm" value="calendar" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-calendar-check-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="calendar-check-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-calendar-minus-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="calendar-minus-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-calendar-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="calendar-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-calendar-plus-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="calendar-plus-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-calendar-times-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="calendar-times-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-camera" aria-hidden="true"></i> <input class="icon-name input-sm" value="camera" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-camera-retro" aria-hidden="true"></i> <input class="icon-name input-sm" value="camera-retro" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-car" aria-hidden="true"></i> <input class="icon-name input-sm" value="car" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-caret-square-o-down" aria-hidden="true"></i> <input class="icon-name input-sm" value="caret-square-o-down" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-caret-square-o-left" aria-hidden="true"></i> <input class="icon-name input-sm" value="caret-square-o-left" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-caret-square-o-right" aria-hidden="true"></i> <input class="icon-name input-sm" value="caret-square-o-right" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-caret-square-o-up" aria-hidden="true"></i> <input class="icon-name input-sm" value="caret-square-o-up" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cart-arrow-down" aria-hidden="true"></i> <input class="icon-name input-sm" value="cart-arrow-down" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cart-plus" aria-hidden="true"></i> <input class="icon-name input-sm" value="cart-plus" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cc" aria-hidden="true"></i> <input class="icon-name input-sm" value="cc" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-certificate" aria-hidden="true"></i> <input class="icon-name input-sm" value="certificate" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-check" aria-hidden="true"></i> <input class="icon-name input-sm" value="check" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-check-circle" aria-hidden="true"></i> <input class="icon-name input-sm" value="check-circle" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-check-circle-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="check-circle-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-check-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="check-square" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-check-square-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="check-square-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-child" aria-hidden="true"></i> <input class="icon-name input-sm" value="child" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-circle" aria-hidden="true"></i> <input class="icon-name input-sm" value="circle" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-circle-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="circle-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-circle-o-notch" aria-hidden="true"></i> <input class="icon-name input-sm" value="circle-o-notch" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-circle-thin" aria-hidden="true"></i> <input class="icon-name input-sm" value="circle-thin" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-clock-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="clock-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-clone" aria-hidden="true"></i> <input class="icon-name input-sm" value="clone" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-close" aria-hidden="true"></i> <input class="icon-name input-sm" value="close" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cloud" aria-hidden="true"></i> <input class="icon-name input-sm" value="cloud" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cloud-download" aria-hidden="true"></i> <input class="icon-name input-sm" value="cloud-download" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cloud-upload" aria-hidden="true"></i> <input class="icon-name input-sm" value="cloud-upload" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-code" aria-hidden="true"></i> <input class="icon-name input-sm" value="code" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-code-fork" aria-hidden="true"></i> <input class="icon-name input-sm" value="code-fork" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-coffee" aria-hidden="true"></i> <input class="icon-name input-sm" value="coffee" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cog" aria-hidden="true"></i> <input class="icon-name input-sm" value="cog" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cogs" aria-hidden="true"></i> <input class="icon-name input-sm" value="cogs" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-comment" aria-hidden="true"></i> <input class="icon-name input-sm" value="comment" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-comment-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="comment-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-commenting" aria-hidden="true"></i> <input class="icon-name input-sm" value="commenting" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-commenting-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="commenting-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-comments" aria-hidden="true"></i> <input class="icon-name input-sm" value="comments" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-comments-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="comments-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-compass" aria-hidden="true"></i> <input class="icon-name input-sm" value="compass" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-copyright" aria-hidden="true"></i> <input class="icon-name input-sm" value="copyright" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-creative-commons" aria-hidden="true"></i> <input class="icon-name input-sm" value="creative-commons" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-credit-card" aria-hidden="true"></i> <input class="icon-name input-sm" value="credit-card" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-credit-card-alt" aria-hidden="true"></i> <input class="icon-name input-sm" value="credit-card-alt" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-crop" aria-hidden="true"></i> <input class="icon-name input-sm" value="crop" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-crosshairs" aria-hidden="true"></i> <input class="icon-name input-sm" value="crosshairs" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cube" aria-hidden="true"></i> <input class="icon-name input-sm" value="cube" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cubes" aria-hidden="true"></i> <input class="icon-name input-sm" value="cubes" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cutlery" aria-hidden="true"></i> <input class="icon-name input-sm" value="cutlery" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-dashboard" aria-hidden="true"></i> <input class="icon-name input-sm" value="dashboard" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-database" aria-hidden="true"></i> <input class="icon-name input-sm" value="database" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-deaf" aria-hidden="true"></i> <input class="icon-name input-sm" value="deaf" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-deafness" aria-hidden="true"></i> <input class="icon-name input-sm" value="deafness" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-desktop" aria-hidden="true"></i> <input class="icon-name input-sm" value="desktop" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-diamond" aria-hidden="true"></i> <input class="icon-name input-sm" value="diamond" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-dot-circle-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="dot-circle-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-download" aria-hidden="true"></i> <input class="icon-name input-sm" value="download" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-edit" aria-hidden="true"></i> <input class="icon-name input-sm" value="edit" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-ellipsis-h" aria-hidden="true"></i> <input class="icon-name input-sm" value="ellipsis-h" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-ellipsis-v" aria-hidden="true"></i> <input class="icon-name input-sm" value="ellipsis-v" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-envelope" aria-hidden="true"></i> <input class="icon-name input-sm" value="envelope" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-envelope-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="envelope-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-envelope-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="envelope-square" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-eraser" aria-hidden="true"></i> <input class="icon-name input-sm" value="eraser" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-exchange" aria-hidden="true"></i> <input class="icon-name input-sm" value="exchange" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-exclamation" aria-hidden="true"></i> <input class="icon-name input-sm" value="exclamation" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-exclamation-circle" aria-hidden="true"></i> <input class="icon-name input-sm" value="exclamation-circle" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-exclamation-triangle" aria-hidden="true"></i> <input class="icon-name input-sm" value="exclamation-triangle" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-external-link" aria-hidden="true"></i> <input class="icon-name input-sm" value="external-link" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-external-link-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="external-link-square" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-eye" aria-hidden="true"></i> <input class="icon-name input-sm" value="eye" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-eye-slash" aria-hidden="true"></i> <input class="icon-name input-sm" value="eye-slash" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-eyedropper" aria-hidden="true"></i> <input class="icon-name input-sm" value="eyedropper" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-fax" aria-hidden="true"></i> <input class="icon-name input-sm" value="fax" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-feed" aria-hidden="true"></i> <input class="icon-name input-sm" value="feed" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-female" aria-hidden="true"></i> <input class="icon-name input-sm" value="female" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-fighter-jet" aria-hidden="true"></i> <input class="icon-name input-sm" value="fighter-jet" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-archive-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-archive-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-audio-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-audio-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-code-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-code-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-excel-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-excel-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-image-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-image-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-movie-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-movie-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-pdf-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-pdf-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-photo-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-photo-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-picture-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-picture-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-powerpoint-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-powerpoint-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-sound-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-sound-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-video-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-video-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-word-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-word-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-zip-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-zip-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-film" aria-hidden="true"></i> <input class="icon-name input-sm" value="film" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-filter" aria-hidden="true"></i> <input class="icon-name input-sm" value="filter" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-fire" aria-hidden="true"></i> <input class="icon-name input-sm" value="fire" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-fire-extinguisher" aria-hidden="true"></i> <input class="icon-name input-sm" value="fire-extinguisher" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-flag" aria-hidden="true"></i> <input class="icon-name input-sm" value="flag" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-flag-checkered" aria-hidden="true"></i> <input class="icon-name input-sm" value="flag-checkered" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-flag-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="flag-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-flash" aria-hidden="true"></i> <input class="icon-name input-sm" value="flash" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-flask" aria-hidden="true"></i> <input class="icon-name input-sm" value="flask" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-folder" aria-hidden="true"></i> <input class="icon-name input-sm" value="folder" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-folder-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="folder-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-folder-open" aria-hidden="true"></i> <input class="icon-name input-sm" value="folder-open" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-folder-open-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="folder-open-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-frown-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="frown-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-futbol-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="futbol-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-gamepad" aria-hidden="true"></i> <input class="icon-name input-sm" value="gamepad" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-gavel" aria-hidden="true"></i> <input class="icon-name input-sm" value="gavel" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-gear" aria-hidden="true"></i> <input class="icon-name input-sm" value="gear" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-gears" aria-hidden="true"></i> <input class="icon-name input-sm" value="gears" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-gift" aria-hidden="true"></i> <input class="icon-name input-sm" value="gift" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-glass" aria-hidden="true"></i> <input class="icon-name input-sm" value="glass" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-globe" aria-hidden="true"></i> <input class="icon-name input-sm" value="globe" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-graduation-cap" aria-hidden="true"></i> <input class="icon-name input-sm" value="graduation-cap" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-group" aria-hidden="true"></i> <input class="icon-name input-sm" value="group" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-grab-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-grab-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-lizard-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-lizard-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-paper-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-paper-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-peace-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-peace-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-pointer-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-pointer-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-rock-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-rock-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-scissors-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-scissors-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-spock-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-spock-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-stop-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-stop-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hard-of-hearing" aria-hidden="true"></i> <input class="icon-name input-sm" value="hard-of-hearing" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hashtag" aria-hidden="true"></i> <input class="icon-name input-sm" value="hashtag" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hdd-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="hdd-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-headphones" aria-hidden="true"></i> <input class="icon-name input-sm" value="headphones" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-heart" aria-hidden="true"></i> <input class="icon-name input-sm" value="heart" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-heart-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="heart-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-heartbeat" aria-hidden="true"></i> <input class="icon-name input-sm" value="heartbeat" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-history" aria-hidden="true"></i> <input class="icon-name input-sm" value="history" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-home" aria-hidden="true"></i> <input class="icon-name input-sm" value="home" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hotel" aria-hidden="true"></i> <input class="icon-name input-sm" value="hotel" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hourglass" aria-hidden="true"></i> <input class="icon-name input-sm" value="hourglass" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hourglass-1" aria-hidden="true"></i> <input class="icon-name input-sm" value="hourglass-1" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hourglass-2" aria-hidden="true"></i> <input class="icon-name input-sm" value="hourglass-2" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hourglass-3" aria-hidden="true"></i> <input class="icon-name input-sm" value="hourglass-3" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hourglass-end" aria-hidden="true"></i> <input class="icon-name input-sm" value="hourglass-end" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hourglass-half" aria-hidden="true"></i> <input class="icon-name input-sm" value="hourglass-half" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hourglass-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="hourglass-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hourglass-start" aria-hidden="true"></i> <input class="icon-name input-sm" value="hourglass-start" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-i-cursor" aria-hidden="true"></i> <input class="icon-name input-sm" value="i-cursor" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-image" aria-hidden="true"></i> <input class="icon-name input-sm" value="image" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-inbox" aria-hidden="true"></i> <input class="icon-name input-sm" value="inbox" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-industry" aria-hidden="true"></i> <input class="icon-name input-sm" value="industry" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-info" aria-hidden="true"></i> <input class="icon-name input-sm" value="info" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-info-circle" aria-hidden="true"></i> <input class="icon-name input-sm" value="info-circle" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-institution" aria-hidden="true"></i> <input class="icon-name input-sm" value="institution" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-key" aria-hidden="true"></i> <input class="icon-name input-sm" value="key" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-keyboard-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="keyboard-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-language" aria-hidden="true"></i> <input class="icon-name input-sm" value="language" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-laptop" aria-hidden="true"></i> <input class="icon-name input-sm" value="laptop" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-leaf" aria-hidden="true"></i> <input class="icon-name input-sm" value="leaf" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-legal" aria-hidden="true"></i> <input class="icon-name input-sm" value="legal" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-lemon-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="lemon-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-level-down" aria-hidden="true"></i> <input class="icon-name input-sm" value="level-down" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-level-up" aria-hidden="true"></i> <input class="icon-name input-sm" value="level-up" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-life-bouy" aria-hidden="true"></i> <input class="icon-name input-sm" value="life-bouy" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-life-buoy" aria-hidden="true"></i> <input class="icon-name input-sm" value="life-buoy" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-life-ring" aria-hidden="true"></i> <input class="icon-name input-sm" value="life-ring" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-life-saver" aria-hidden="true"></i> <input class="icon-name input-sm" value="life-saver" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-lightbulb-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="lightbulb-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-line-chart" aria-hidden="true"></i> <input class="icon-name input-sm" value="line-chart" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-location-arrow" aria-hidden="true"></i> <input class="icon-name input-sm" value="location-arrow" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-lock" aria-hidden="true"></i> <input class="icon-name input-sm" value="lock" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-low-vision" aria-hidden="true"></i> <input class="icon-name input-sm" value="low-vision" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-magic" aria-hidden="true"></i> <input class="icon-name input-sm" value="magic" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-magnet" aria-hidden="true"></i> <input class="icon-name input-sm" value="magnet" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-mail-forward" aria-hidden="true"></i> <input class="icon-name input-sm" value="mail-forward" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-mail-reply" aria-hidden="true"></i> <input class="icon-name input-sm" value="mail-reply" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-mail-reply-all" aria-hidden="true"></i> <input class="icon-name input-sm" value="mail-reply-all" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-male" aria-hidden="true"></i> <input class="icon-name input-sm" value="male" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-map" aria-hidden="true"></i> <input class="icon-name input-sm" value="map" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-map-marker" aria-hidden="true"></i> <input class="icon-name input-sm" value="map-marker" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-map-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="map-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-map-pin" aria-hidden="true"></i> <input class="icon-name input-sm" value="map-pin" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-map-signs" aria-hidden="true"></i> <input class="icon-name input-sm" value="map-signs" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-meh-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="meh-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-microphone" aria-hidden="true"></i> <input class="icon-name input-sm" value="microphone" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-microphone-slash" aria-hidden="true"></i> <input class="icon-name input-sm" value="microphone-slash" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-minus" aria-hidden="true"></i> <input class="icon-name input-sm" value="minus" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-minus-circle" aria-hidden="true"></i> <input class="icon-name input-sm" value="minus-circle" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-minus-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="minus-square" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-minus-square-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="minus-square-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-mobile" aria-hidden="true"></i> <input class="icon-name input-sm" value="mobile" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-mobile-phone" aria-hidden="true"></i> <input class="icon-name input-sm" value="mobile-phone" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-money" aria-hidden="true"></i> <input class="icon-name input-sm" value="money" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-moon-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="moon-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-mortar-board" aria-hidden="true"></i> <input class="icon-name input-sm" value="mortar-board" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-motorcycle" aria-hidden="true"></i> <input class="icon-name input-sm" value="motorcycle" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-mouse-pointer" aria-hidden="true"></i> <input class="icon-name input-sm" value="mouse-pointer" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-music" aria-hidden="true"></i> <input class="icon-name input-sm" value="music" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-navicon" aria-hidden="true"></i> <input class="icon-name input-sm" value="navicon" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-newspaper-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="newspaper-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-object-group" aria-hidden="true"></i> <input class="icon-name input-sm" value="object-group" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-object-ungroup" aria-hidden="true"></i> <input class="icon-name input-sm" value="object-ungroup" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-paint-brush" aria-hidden="true"></i> <input class="icon-name input-sm" value="paint-brush" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-paper-plane" aria-hidden="true"></i> <input class="icon-name input-sm" value="paper-plane" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-paper-plane-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="paper-plane-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-paw" aria-hidden="true"></i> <input class="icon-name input-sm" value="paw" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-pencil" aria-hidden="true"></i> <input class="icon-name input-sm" value="pencil" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-pencil-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="pencil-square" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-pencil-square-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="pencil-square-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-percent" aria-hidden="true"></i> <input class="icon-name input-sm" value="percent" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-phone" aria-hidden="true"></i> <input class="icon-name input-sm" value="phone" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-phone-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="phone-square" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-photo" aria-hidden="true"></i> <input class="icon-name input-sm" value="photo" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-picture-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="picture-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-pie-chart" aria-hidden="true"></i> <input class="icon-name input-sm" value="pie-chart" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-plane" aria-hidden="true"></i> <input class="icon-name input-sm" value="plane" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-plug" aria-hidden="true"></i> <input class="icon-name input-sm" value="plug" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-plus" aria-hidden="true"></i> <input class="icon-name input-sm" value="plus" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-plus-circle" aria-hidden="true"></i> <input class="icon-name input-sm" value="plus-circle" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-plus-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="plus-square" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-plus-square-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="plus-square-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-power-off" aria-hidden="true"></i> <input class="icon-name input-sm" value="power-off" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-print" aria-hidden="true"></i> <input class="icon-name input-sm" value="print" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-puzzle-piece" aria-hidden="true"></i> <input class="icon-name input-sm" value="puzzle-piece" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-qrcode" aria-hidden="true"></i> <input class="icon-name input-sm" value="qrcode" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-question" aria-hidden="true"></i> <input class="icon-name input-sm" value="question" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-question-circle" aria-hidden="true"></i> <input class="icon-name input-sm" value="question-circle" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-question-circle-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="question-circle-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-quote-left" aria-hidden="true"></i> <input class="icon-name input-sm" value="quote-left" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-quote-right" aria-hidden="true"></i> <input class="icon-name input-sm" value="quote-right" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-random" aria-hidden="true"></i> <input class="icon-name input-sm" value="random" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-recycle" aria-hidden="true"></i> <input class="icon-name input-sm" value="recycle" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-refresh" aria-hidden="true"></i> <input class="icon-name input-sm" value="refresh" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-registered" aria-hidden="true"></i> <input class="icon-name input-sm" value="registered" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-remove" aria-hidden="true"></i> <input class="icon-name input-sm" value="remove" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-reorder" aria-hidden="true"></i> <input class="icon-name input-sm" value="reorder" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-reply" aria-hidden="true"></i> <input class="icon-name input-sm" value="reply" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-reply-all" aria-hidden="true"></i> <input class="icon-name input-sm" value="reply-all" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-retweet" aria-hidden="true"></i> <input class="icon-name input-sm" value="retweet" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-road" aria-hidden="true"></i> <input class="icon-name input-sm" value="road" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-rocket" aria-hidden="true"></i> <input class="icon-name input-sm" value="rocket" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-rss" aria-hidden="true"></i> <input class="icon-name input-sm" value="rss" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-rss-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="rss-square" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-search" aria-hidden="true"></i> <input class="icon-name input-sm" value="search" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-search-minus" aria-hidden="true"></i> <input class="icon-name input-sm" value="search-minus" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-search-plus" aria-hidden="true"></i> <input class="icon-name input-sm" value="search-plus" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-send" aria-hidden="true"></i> <input class="icon-name input-sm" value="send" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-send-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="send-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-server" aria-hidden="true"></i> <input class="icon-name input-sm" value="server" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-share" aria-hidden="true"></i> <input class="icon-name input-sm" value="share" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-share-alt" aria-hidden="true"></i> <input class="icon-name input-sm" value="share-alt" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-share-alt-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="share-alt-square" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-share-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="share-square" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-share-square-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="share-square-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-shield" aria-hidden="true"></i> <input class="icon-name input-sm" value="shield" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-ship" aria-hidden="true"></i> <input class="icon-name input-sm" value="ship" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-shopping-bag" aria-hidden="true"></i> <input class="icon-name input-sm" value="shopping-bag" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-shopping-basket" aria-hidden="true"></i> <input class="icon-name input-sm" value="shopping-basket" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-shopping-cart" aria-hidden="true"></i> <input class="icon-name input-sm" value="shopping-cart" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-sign-in" aria-hidden="true"></i> <input class="icon-name input-sm" value="sign-in" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-sign-language" aria-hidden="true"></i> <input class="icon-name input-sm" value="sign-language" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-sign-out" aria-hidden="true"></i> <input class="icon-name input-sm" value="sign-out" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-signal" aria-hidden="true"></i> <input class="icon-name input-sm" value="signal" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-signing" aria-hidden="true"></i> <input class="icon-name input-sm" value="signing" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-sitemap" aria-hidden="true"></i> <input class="icon-name input-sm" value="sitemap" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-sliders" aria-hidden="true"></i> <input class="icon-name input-sm" value="sliders" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-smile-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="smile-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-soccer-ball-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="soccer-ball-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-sort" aria-hidden="true"></i> <input class="icon-name input-sm" value="sort" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-sort-alpha-asc" aria-hidden="true"></i> <input class="icon-name input-sm" value="sort-alpha-asc" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-sort-alpha-desc" aria-hidden="true"></i> <input class="icon-name input-sm" value="sort-alpha-desc" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-sort-amount-asc" aria-hidden="true"></i> <input class="icon-name input-sm" value="sort-amount-asc" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-sort-amount-desc" aria-hidden="true"></i> <input class="icon-name input-sm" value="sort-amount-desc" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-sort-asc" aria-hidden="true"></i> <input class="icon-name input-sm" value="sort-asc" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-sort-desc" aria-hidden="true"></i> <input class="icon-name input-sm" value="sort-desc" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-sort-down" aria-hidden="true"></i> <input class="icon-name input-sm" value="sort-down" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-sort-numeric-asc" aria-hidden="true"></i> <input class="icon-name input-sm" value="sort-numeric-asc" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-sort-numeric-desc" aria-hidden="true"></i> <input class="icon-name input-sm" value="sort-numeric-desc" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-sort-up" aria-hidden="true"></i> <input class="icon-name input-sm" value="sort-up" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-space-shuttle" aria-hidden="true"></i> <input class="icon-name input-sm" value="space-shuttle" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-spinner" aria-hidden="true"></i> <input class="icon-name input-sm" value="spinner" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-spoon" aria-hidden="true"></i> <input class="icon-name input-sm" value="spoon" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="square" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-square-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="square-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-star" aria-hidden="true"></i> <input class="icon-name input-sm" value="star" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-star-half" aria-hidden="true"></i> <input class="icon-name input-sm" value="star-half" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-star-half-empty" aria-hidden="true"></i> <input class="icon-name input-sm" value="star-half-empty" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-star-half-full" aria-hidden="true"></i> <input class="icon-name input-sm" value="star-half-full" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-star-half-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="star-half-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-star-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="star-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-sticky-note" aria-hidden="true"></i> <input class="icon-name input-sm" value="sticky-note" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-sticky-note-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="sticky-note-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-street-view" aria-hidden="true"></i> <input class="icon-name input-sm" value="street-view" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-suitcase" aria-hidden="true"></i> <input class="icon-name input-sm" value="suitcase" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-sun-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="sun-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-support" aria-hidden="true"></i> <input class="icon-name input-sm" value="support" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-tablet" aria-hidden="true"></i> <input class="icon-name input-sm" value="tablet" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-tachometer" aria-hidden="true"></i> <input class="icon-name input-sm" value="tachometer" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-tag" aria-hidden="true"></i> <input class="icon-name input-sm" value="tag" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-tags" aria-hidden="true"></i> <input class="icon-name input-sm" value="tags" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-tasks" aria-hidden="true"></i> <input class="icon-name input-sm" value="tasks" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-taxi" aria-hidden="true"></i> <input class="icon-name input-sm" value="taxi" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-television" aria-hidden="true"></i> <input class="icon-name input-sm" value="television" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-terminal" aria-hidden="true"></i> <input class="icon-name input-sm" value="terminal" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-thumb-tack" aria-hidden="true"></i> <input class="icon-name input-sm" value="thumb-tack" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-thumbs-down" aria-hidden="true"></i> <input class="icon-name input-sm" value="thumbs-down" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i> <input class="icon-name input-sm" value="thumbs-o-down" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> <input class="icon-name input-sm" value="thumbs-o-up" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-thumbs-up" aria-hidden="true"></i> <input class="icon-name input-sm" value="thumbs-up" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-ticket" aria-hidden="true"></i> <input class="icon-name input-sm" value="ticket" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-times" aria-hidden="true"></i> <input class="icon-name input-sm" value="times" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-times-circle" aria-hidden="true"></i> <input class="icon-name input-sm" value="times-circle" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-times-circle-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="times-circle-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-tint" aria-hidden="true"></i> <input class="icon-name input-sm" value="tint" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-toggle-down" aria-hidden="true"></i> <input class="icon-name input-sm" value="toggle-down" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-toggle-left" aria-hidden="true"></i> <input class="icon-name input-sm" value="toggle-left" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-toggle-off" aria-hidden="true"></i> <input class="icon-name input-sm" value="toggle-off" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-toggle-on" aria-hidden="true"></i> <input class="icon-name input-sm" value="toggle-on" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-toggle-right" aria-hidden="true"></i> <input class="icon-name input-sm" value="toggle-right" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-toggle-up" aria-hidden="true"></i> <input class="icon-name input-sm" value="toggle-up" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-trademark" aria-hidden="true"></i> <input class="icon-name input-sm" value="trademark" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-trash" aria-hidden="true"></i> <input class="icon-name input-sm" value="trash" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-trash-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="trash-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-tree" aria-hidden="true"></i> <input class="icon-name input-sm" value="tree" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-trophy" aria-hidden="true"></i> <input class="icon-name input-sm" value="trophy" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-truck" aria-hidden="true"></i> <input class="icon-name input-sm" value="truck" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-tty" aria-hidden="true"></i> <input class="icon-name input-sm" value="tty" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-tv" aria-hidden="true"></i> <input class="icon-name input-sm" value="tv" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-umbrella" aria-hidden="true"></i> <input class="icon-name input-sm" value="umbrella" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-universal-access" aria-hidden="true"></i> <input class="icon-name input-sm" value="universal-access" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-university" aria-hidden="true"></i> <input class="icon-name input-sm" value="university" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-unlock" aria-hidden="true"></i> <input class="icon-name input-sm" value="unlock" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-unlock-alt" aria-hidden="true"></i> <input class="icon-name input-sm" value="unlock-alt" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-unsorted" aria-hidden="true"></i> <input class="icon-name input-sm" value="unsorted" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-upload" aria-hidden="true"></i> <input class="icon-name input-sm" value="upload" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-user" aria-hidden="true"></i> <input class="icon-name input-sm" value="user" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-user-plus" aria-hidden="true"></i> <input class="icon-name input-sm" value="user-plus" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-user-secret" aria-hidden="true"></i> <input class="icon-name input-sm" value="user-secret" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-user-times" aria-hidden="true"></i> <input class="icon-name input-sm" value="user-times" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-users" aria-hidden="true"></i> <input class="icon-name input-sm" value="users" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-video-camera" aria-hidden="true"></i> <input class="icon-name input-sm" value="video-camera" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-volume-control-phone" aria-hidden="true"></i> <input class="icon-name input-sm" value="volume-control-phone" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-volume-down" aria-hidden="true"></i> <input class="icon-name input-sm" value="volume-down" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-volume-off" aria-hidden="true"></i> <input class="icon-name input-sm" value="volume-off" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-volume-up" aria-hidden="true"></i> <input class="icon-name input-sm" value="volume-up" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-warning" aria-hidden="true"></i> <input class="icon-name input-sm" value="warning" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-wheelchair" aria-hidden="true"></i> <input class="icon-name input-sm" value="wheelchair" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-wheelchair-alt" aria-hidden="true"></i> <input class="icon-name input-sm" value="wheelchair-alt" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-wifi" aria-hidden="true"></i> <input class="icon-name input-sm" value="wifi" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-wrench" aria-hidden="true"></i> <input class="icon-name input-sm" value="wrench" /></a></div>
    
  </div>

</section>

    <section id="accessibility">
  <h2 class="page-header">Accessibility Icons</h2>

  <div class="row fontawesome-icon-list">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-american-sign-language-interpreting" aria-hidden="true"></i> <input class="icon-name input-sm" value="american-sign-language-interpreting" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-asl-interpreting" aria-hidden="true"></i> <input class="icon-name input-sm" value="asl-interpreting" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-assistive-listening-systems" aria-hidden="true"></i> <input class="icon-name input-sm" value="assistive-listening-systems" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-audio-description" aria-hidden="true"></i> <input class="icon-name input-sm" value="audio-description" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-blind" aria-hidden="true"></i> <input class="icon-name input-sm" value="blind" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-braille" aria-hidden="true"></i> <input class="icon-name input-sm" value="braille" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cc" aria-hidden="true"></i> <input class="icon-name input-sm" value="cc" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-deaf" aria-hidden="true"></i> <input class="icon-name input-sm" value="deaf" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-deafness" aria-hidden="true"></i> <input class="icon-name input-sm" value="deafness" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hard-of-hearing" aria-hidden="true"></i> <input class="icon-name input-sm" value="hard-of-hearing" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-low-vision" aria-hidden="true"></i> <input class="icon-name input-sm" value="low-vision" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-question-circle-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="question-circle-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-sign-language" aria-hidden="true"></i> <input class="icon-name input-sm" value="sign-language" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-signing" aria-hidden="true"></i> <input class="icon-name input-sm" value="signing" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-tty" aria-hidden="true"></i> <input class="icon-name input-sm" value="tty" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-universal-access" aria-hidden="true"></i> <input class="icon-name input-sm" value="universal-access" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-volume-control-phone" aria-hidden="true"></i> <input class="icon-name input-sm" value="volume-control-phone" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-wheelchair" aria-hidden="true"></i> <input class="icon-name input-sm" value="wheelchair" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-wheelchair-alt" aria-hidden="true"></i> <input class="icon-name input-sm" value="wheelchair-alt" /></a></div>
    
  </div>

</section>

    <section id="hand">
  <h2 class="page-header">Hand Icons</h2>

  <div class="row fontawesome-icon-list">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-grab-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-grab-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-lizard-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-lizard-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-o-down" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-o-down" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-o-left" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-o-left" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-o-right" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-o-right" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-o-up" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-o-up" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-paper-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-paper-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-peace-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-peace-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-pointer-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-pointer-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-rock-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-rock-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-scissors-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-scissors-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-spock-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-spock-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-stop-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-stop-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-thumbs-down" aria-hidden="true"></i> <input class="icon-name input-sm" value="thumbs-down" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i> <input class="icon-name input-sm" value="thumbs-o-down" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> <input class="icon-name input-sm" value="thumbs-o-up" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-thumbs-up" aria-hidden="true"></i> <input class="icon-name input-sm" value="thumbs-up" /></a></div>
    
  </div>

</section>

    <section id="transportation">
  <h2 class="page-header">Transportation Icons</h2>

  <div class="row fontawesome-icon-list">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-ambulance" aria-hidden="true"></i> <input class="icon-name input-sm" value="ambulance" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-automobile" aria-hidden="true"></i> <input class="icon-name input-sm" value="automobile" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bicycle" aria-hidden="true"></i> <input class="icon-name input-sm" value="bicycle" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bus" aria-hidden="true"></i> <input class="icon-name input-sm" value="bus" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cab" aria-hidden="true"></i> <input class="icon-name input-sm" value="cab" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-car" aria-hidden="true"></i> <input class="icon-name input-sm" value="car" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-fighter-jet" aria-hidden="true"></i> <input class="icon-name input-sm" value="fighter-jet" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-motorcycle" aria-hidden="true"></i> <input class="icon-name input-sm" value="motorcycle" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-plane" aria-hidden="true"></i> <input class="icon-name input-sm" value="plane" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-rocket" aria-hidden="true"></i> <input class="icon-name input-sm" value="rocket" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-ship" aria-hidden="true"></i> <input class="icon-name input-sm" value="ship" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-space-shuttle" aria-hidden="true"></i> <input class="icon-name input-sm" value="space-shuttle" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-subway" aria-hidden="true"></i> <input class="icon-name input-sm" value="subway" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-taxi" aria-hidden="true"></i> <input class="icon-name input-sm" value="taxi" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-train" aria-hidden="true"></i> <input class="icon-name input-sm" value="train" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-truck" aria-hidden="true"></i> <input class="icon-name input-sm" value="truck" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-wheelchair" aria-hidden="true"></i> <input class="icon-name input-sm" value="wheelchair" /></a></div>
    
  </div>

</section>

    <section id="gender">
  <h2 class="page-header">Gender Icons</h2>

  <div class="row fontawesome-icon-list">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-genderless" aria-hidden="true"></i> <input class="icon-name input-sm" value="genderless" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-intersex" aria-hidden="true"></i> <input class="icon-name input-sm" value="intersex" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-mars" aria-hidden="true"></i> <input class="icon-name input-sm" value="mars" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-mars-double" aria-hidden="true"></i> <input class="icon-name input-sm" value="mars-double" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-mars-stroke" aria-hidden="true"></i> <input class="icon-name input-sm" value="mars-stroke" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-mars-stroke-h" aria-hidden="true"></i> <input class="icon-name input-sm" value="mars-stroke-h" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-mars-stroke-v" aria-hidden="true"></i> <input class="icon-name input-sm" value="mars-stroke-v" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-mercury" aria-hidden="true"></i> <input class="icon-name input-sm" value="mercury" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-neuter" aria-hidden="true"></i> <input class="icon-name input-sm" value="neuter" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-transgender" aria-hidden="true"></i> <input class="icon-name input-sm" value="transgender" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-transgender-alt" aria-hidden="true"></i> <input class="icon-name input-sm" value="transgender-alt" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-venus" aria-hidden="true"></i> <input class="icon-name input-sm" value="venus" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-venus-double" aria-hidden="true"></i> <input class="icon-name input-sm" value="venus-double" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-venus-mars" aria-hidden="true"></i> <input class="icon-name input-sm" value="venus-mars" /></a></div>
    
  </div>

</section>

    <section id="file-type">
  <h2 class="page-header">File Type Icons</h2>

  <div class="row fontawesome-icon-list">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file" aria-hidden="true"></i> <input class="icon-name input-sm" value="file" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-archive-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-archive-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-audio-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-audio-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-code-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-code-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-excel-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-excel-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-image-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-image-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-movie-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-movie-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-pdf-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-pdf-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-photo-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-photo-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-picture-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-picture-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-powerpoint-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-powerpoint-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-sound-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-sound-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-text" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-text" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-text-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-text-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-video-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-video-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-word-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-word-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-zip-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-zip-o" /></a></div>
    
  </div>

</section>

    <section id="spinner">
  <h2 class="page-header">Spinner Icons</h2>

  <div class="alert alert-success">
    <ul class="fa-ul">
      <li>
        <i class="fa fa-info-circle fa-lg fa-li" aria-hidden="true"></i>
        <strong class="sr-only">Note:</strong>
        These icons work great with the <code>fa-spin</code> class. Check out the
        <a href="http://fontawesome.io/examples/#animated" class="alert-link">spinning icons example</a>.
      </li>
    </ul>
  </div>

  <div class="row fontawesome-icon-list">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-circle-o-notch" aria-hidden="true"></i> <input class="icon-name input-sm" value="circle-o-notch" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cog" aria-hidden="true"></i> <input class="icon-name input-sm" value="cog" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-gear" aria-hidden="true"></i> <input class="icon-name input-sm" value="gear" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-refresh" aria-hidden="true"></i> <input class="icon-name input-sm" value="refresh" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-spinner" aria-hidden="true"></i> <input class="icon-name input-sm" value="spinner" /></a></div>
    
  </div>
</section>

    <section id="form-control">
  <h2 class="page-header">Form Control Icons</h2>

  <div class="row fontawesome-icon-list">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-check-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="check-square" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-check-square-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="check-square-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-circle" aria-hidden="true"></i> <input class="icon-name input-sm" value="circle" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-circle-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="circle-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-dot-circle-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="dot-circle-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-minus-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="minus-square" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-minus-square-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="minus-square-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-plus-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="plus-square" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-plus-square-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="plus-square-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="square" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-square-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="square-o" /></a></div>
    
  </div>
</section>

    <section id="payment">
  <h2 class="page-header">Payment Icons</h2>

  <div class="row fontawesome-icon-list">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cc-amex" aria-hidden="true"></i> <input class="icon-name input-sm" value="cc-amex" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cc-diners-club" aria-hidden="true"></i> <input class="icon-name input-sm" value="cc-diners-club" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cc-discover" aria-hidden="true"></i> <input class="icon-name input-sm" value="cc-discover" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cc-jcb" aria-hidden="true"></i> <input class="icon-name input-sm" value="cc-jcb" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cc-mastercard" aria-hidden="true"></i> <input class="icon-name input-sm" value="cc-mastercard" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cc-paypal" aria-hidden="true"></i> <input class="icon-name input-sm" value="cc-paypal" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cc-stripe" aria-hidden="true"></i> <input class="icon-name input-sm" value="cc-stripe" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cc-visa" aria-hidden="true"></i> <input class="icon-name input-sm" value="cc-visa" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-credit-card" aria-hidden="true"></i> <input class="icon-name input-sm" value="credit-card" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-credit-card-alt" aria-hidden="true"></i> <input class="icon-name input-sm" value="credit-card-alt" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-google-wallet" aria-hidden="true"></i> <input class="icon-name input-sm" value="google-wallet" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-paypal" aria-hidden="true"></i> <input class="icon-name input-sm" value="paypal" /></a></div>
    
  </div>

</section>

    <section id="chart">
  <h2 class="page-header">Chart Icons</h2>

  <div class="row fontawesome-icon-list">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-area-chart" aria-hidden="true"></i> <input class="icon-name input-sm" value="area-chart" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bar-chart" aria-hidden="true"></i> <input class="icon-name input-sm" value="bar-chart" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bar-chart-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="bar-chart-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-line-chart" aria-hidden="true"></i> <input class="icon-name input-sm" value="line-chart" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-pie-chart" aria-hidden="true"></i> <input class="icon-name input-sm" value="pie-chart" /></a></div>
    
  </div>

</section>

    <section id="currency">
  <h2 class="page-header">Currency Icons</h2>

  <div class="row fontawesome-icon-list">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bitcoin" aria-hidden="true"></i> <input class="icon-name input-sm" value="bitcoin" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-btc" aria-hidden="true"></i> <input class="icon-name input-sm" value="btc" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cny" aria-hidden="true"></i> <input class="icon-name input-sm" value="cny" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-dollar" aria-hidden="true"></i> <input class="icon-name input-sm" value="dollar" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-eur" aria-hidden="true"></i> <input class="icon-name input-sm" value="eur" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-euro" aria-hidden="true"></i> <input class="icon-name input-sm" value="euro" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-gbp" aria-hidden="true"></i> <input class="icon-name input-sm" value="gbp" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-gg" aria-hidden="true"></i> <input class="icon-name input-sm" value="gg" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-gg-circle" aria-hidden="true"></i> <input class="icon-name input-sm" value="gg-circle" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-ils" aria-hidden="true"></i> <input class="icon-name input-sm" value="ils" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-inr" aria-hidden="true"></i> <input class="icon-name input-sm" value="inr" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-jpy" aria-hidden="true"></i> <input class="icon-name input-sm" value="jpy" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-krw" aria-hidden="true"></i> <input class="icon-name input-sm" value="krw" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-money" aria-hidden="true"></i> <input class="icon-name input-sm" value="money" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-rmb" aria-hidden="true"></i> <input class="icon-name input-sm" value="rmb" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-rouble" aria-hidden="true"></i> <input class="icon-name input-sm" value="rouble" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-rub" aria-hidden="true"></i> <input class="icon-name input-sm" value="rub" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-ruble" aria-hidden="true"></i> <input class="icon-name input-sm" value="ruble" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-rupee" aria-hidden="true"></i> <input class="icon-name input-sm" value="rupee" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-shekel" aria-hidden="true"></i> <input class="icon-name input-sm" value="shekel" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-sheqel" aria-hidden="true"></i> <input class="icon-name input-sm" value="sheqel" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-try" aria-hidden="true"></i> <input class="icon-name input-sm" value="try" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-turkish-lira" aria-hidden="true"></i> <input class="icon-name input-sm" value="turkish-lira" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-usd" aria-hidden="true"></i> <input class="icon-name input-sm" value="usd" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-won" aria-hidden="true"></i> <input class="icon-name input-sm" value="won" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-yen" aria-hidden="true"></i> <input class="icon-name input-sm" value="yen" /></a></div>
    
  </div>

</section>

    <section id="text-editor">
  <h2 class="page-header">Text Editor Icons</h2>

  <div class="row fontawesome-icon-list">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-align-center" aria-hidden="true"></i> <input class="icon-name input-sm" value="align-center" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-align-justify" aria-hidden="true"></i> <input class="icon-name input-sm" value="align-justify" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-align-left" aria-hidden="true"></i> <input class="icon-name input-sm" value="align-left" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-align-right" aria-hidden="true"></i> <input class="icon-name input-sm" value="align-right" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bold" aria-hidden="true"></i> <input class="icon-name input-sm" value="bold" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-chain" aria-hidden="true"></i> <input class="icon-name input-sm" value="chain" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-chain-broken" aria-hidden="true"></i> <input class="icon-name input-sm" value="chain-broken" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-clipboard" aria-hidden="true"></i> <input class="icon-name input-sm" value="clipboard" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-columns" aria-hidden="true"></i> <input class="icon-name input-sm" value="columns" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-copy" aria-hidden="true"></i> <input class="icon-name input-sm" value="copy" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cut" aria-hidden="true"></i> <input class="icon-name input-sm" value="cut" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-dedent" aria-hidden="true"></i> <input class="icon-name input-sm" value="dedent" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-eraser" aria-hidden="true"></i> <input class="icon-name input-sm" value="eraser" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file" aria-hidden="true"></i> <input class="icon-name input-sm" value="file" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-text" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-text" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-text-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-text-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-files-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="files-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-floppy-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="floppy-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-font" aria-hidden="true"></i> <input class="icon-name input-sm" value="font" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-header" aria-hidden="true"></i> <input class="icon-name input-sm" value="header" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-indent" aria-hidden="true"></i> <input class="icon-name input-sm" value="indent" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-italic" aria-hidden="true"></i> <input class="icon-name input-sm" value="italic" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-link" aria-hidden="true"></i> <input class="icon-name input-sm" value="link" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-list" aria-hidden="true"></i> <input class="icon-name input-sm" value="list" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-list-alt" aria-hidden="true"></i> <input class="icon-name input-sm" value="list-alt" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-list-ol" aria-hidden="true"></i> <input class="icon-name input-sm" value="list-ol" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-list-ul" aria-hidden="true"></i> <input class="icon-name input-sm" value="list-ul" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-outdent" aria-hidden="true"></i> <input class="icon-name input-sm" value="outdent" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-paperclip" aria-hidden="true"></i> <input class="icon-name input-sm" value="paperclip" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-paragraph" aria-hidden="true"></i> <input class="icon-name input-sm" value="paragraph" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-paste" aria-hidden="true"></i> <input class="icon-name input-sm" value="paste" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-repeat" aria-hidden="true"></i> <input class="icon-name input-sm" value="repeat" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-rotate-left" aria-hidden="true"></i> <input class="icon-name input-sm" value="rotate-left" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-rotate-right" aria-hidden="true"></i> <input class="icon-name input-sm" value="rotate-right" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-save" aria-hidden="true"></i> <input class="icon-name input-sm" value="save" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-scissors" aria-hidden="true"></i> <input class="icon-name input-sm" value="scissors" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-strikethrough" aria-hidden="true"></i> <input class="icon-name input-sm" value="strikethrough" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-subscript" aria-hidden="true"></i> <input class="icon-name input-sm" value="subscript" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-superscript" aria-hidden="true"></i> <input class="icon-name input-sm" value="superscript" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-table" aria-hidden="true"></i> <input class="icon-name input-sm" value="table" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-text-height" aria-hidden="true"></i> <input class="icon-name input-sm" value="text-height" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-text-width" aria-hidden="true"></i> <input class="icon-name input-sm" value="text-width" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-th" aria-hidden="true"></i> <input class="icon-name input-sm" value="th" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-th-large" aria-hidden="true"></i> <input class="icon-name input-sm" value="th-large" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-th-list" aria-hidden="true"></i> <input class="icon-name input-sm" value="th-list" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-underline" aria-hidden="true"></i> <input class="icon-name input-sm" value="underline" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-undo" aria-hidden="true"></i> <input class="icon-name input-sm" value="undo" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-unlink" aria-hidden="true"></i> <input class="icon-name input-sm" value="unlink" /></a></div>
    
  </div>

</section>

    <section id="directional">
  <h2 class="page-header">Directional Icons</h2>

  <div class="row fontawesome-icon-list">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-angle-double-down" aria-hidden="true"></i> <input class="icon-name input-sm" value="angle-double-down" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-angle-double-left" aria-hidden="true"></i> <input class="icon-name input-sm" value="angle-double-left" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-angle-double-right" aria-hidden="true"></i> <input class="icon-name input-sm" value="angle-double-right" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-angle-double-up" aria-hidden="true"></i> <input class="icon-name input-sm" value="angle-double-up" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-angle-down" aria-hidden="true"></i> <input class="icon-name input-sm" value="angle-down" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-angle-left" aria-hidden="true"></i> <input class="icon-name input-sm" value="angle-left" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-angle-right" aria-hidden="true"></i> <input class="icon-name input-sm" value="angle-right" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-angle-up" aria-hidden="true"></i> <input class="icon-name input-sm" value="angle-up" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-arrow-circle-down" aria-hidden="true"></i> <input class="icon-name input-sm" value="arrow-circle-down" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-arrow-circle-left" aria-hidden="true"></i> <input class="icon-name input-sm" value="arrow-circle-left" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-arrow-circle-o-down" aria-hidden="true"></i> <input class="icon-name input-sm" value="arrow-circle-o-down" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-arrow-circle-o-left" aria-hidden="true"></i> <input class="icon-name input-sm" value="arrow-circle-o-left" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i> <input class="icon-name input-sm" value="arrow-circle-o-right" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-arrow-circle-o-up" aria-hidden="true"></i> <input class="icon-name input-sm" value="arrow-circle-o-up" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-arrow-circle-right" aria-hidden="true"></i> <input class="icon-name input-sm" value="arrow-circle-right" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-arrow-circle-up" aria-hidden="true"></i> <input class="icon-name input-sm" value="arrow-circle-up" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-arrow-down" aria-hidden="true"></i> <input class="icon-name input-sm" value="arrow-down" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-arrow-left" aria-hidden="true"></i> <input class="icon-name input-sm" value="arrow-left" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-arrow-right" aria-hidden="true"></i> <input class="icon-name input-sm" value="arrow-right" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-arrow-up" aria-hidden="true"></i> <input class="icon-name input-sm" value="arrow-up" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-arrows" aria-hidden="true"></i> <input class="icon-name input-sm" value="arrows" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-arrows-alt" aria-hidden="true"></i> <input class="icon-name input-sm" value="arrows-alt" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-arrows-h" aria-hidden="true"></i> <input class="icon-name input-sm" value="arrows-h" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-arrows-v" aria-hidden="true"></i> <input class="icon-name input-sm" value="arrows-v" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-caret-down" aria-hidden="true"></i> <input class="icon-name input-sm" value="caret-down" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-caret-left" aria-hidden="true"></i> <input class="icon-name input-sm" value="caret-left" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-caret-right" aria-hidden="true"></i> <input class="icon-name input-sm" value="caret-right" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-caret-square-o-down" aria-hidden="true"></i> <input class="icon-name input-sm" value="caret-square-o-down" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-caret-square-o-left" aria-hidden="true"></i> <input class="icon-name input-sm" value="caret-square-o-left" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-caret-square-o-right" aria-hidden="true"></i> <input class="icon-name input-sm" value="caret-square-o-right" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-caret-square-o-up" aria-hidden="true"></i> <input class="icon-name input-sm" value="caret-square-o-up" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-caret-up" aria-hidden="true"></i> <input class="icon-name input-sm" value="caret-up" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-chevron-circle-down" aria-hidden="true"></i> <input class="icon-name input-sm" value="chevron-circle-down" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-chevron-circle-left" aria-hidden="true"></i> <input class="icon-name input-sm" value="chevron-circle-left" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-chevron-circle-right" aria-hidden="true"></i> <input class="icon-name input-sm" value="chevron-circle-right" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-chevron-circle-up" aria-hidden="true"></i> <input class="icon-name input-sm" value="chevron-circle-up" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-chevron-down" aria-hidden="true"></i> <input class="icon-name input-sm" value="chevron-down" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-chevron-left" aria-hidden="true"></i> <input class="icon-name input-sm" value="chevron-left" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-chevron-right" aria-hidden="true"></i> <input class="icon-name input-sm" value="chevron-right" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-chevron-up" aria-hidden="true"></i> <input class="icon-name input-sm" value="chevron-up" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-exchange" aria-hidden="true"></i> <input class="icon-name input-sm" value="exchange" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-o-down" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-o-down" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-o-left" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-o-left" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-o-right" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-o-right" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-o-up" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-o-up" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-long-arrow-down" aria-hidden="true"></i> <input class="icon-name input-sm" value="long-arrow-down" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-long-arrow-left" aria-hidden="true"></i> <input class="icon-name input-sm" value="long-arrow-left" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-long-arrow-right" aria-hidden="true"></i> <input class="icon-name input-sm" value="long-arrow-right" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-long-arrow-up" aria-hidden="true"></i> <input class="icon-name input-sm" value="long-arrow-up" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-toggle-down" aria-hidden="true"></i> <input class="icon-name input-sm" value="toggle-down" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-toggle-left" aria-hidden="true"></i> <input class="icon-name input-sm" value="toggle-left" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-toggle-right" aria-hidden="true"></i> <input class="icon-name input-sm" value="toggle-right" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-toggle-up" aria-hidden="true"></i> <input class="icon-name input-sm" value="toggle-up" /></a></div>
    
  </div>

</section>

    <section id="video-player">
  <h2 class="page-header">Video Player Icons</h2>

  <div class="row fontawesome-icon-list">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-arrows-alt" aria-hidden="true"></i> <input class="icon-name input-sm" value="arrows-alt" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-backward" aria-hidden="true"></i> <input class="icon-name input-sm" value="backward" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-compress" aria-hidden="true"></i> <input class="icon-name input-sm" value="compress" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-eject" aria-hidden="true"></i> <input class="icon-name input-sm" value="eject" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-expand" aria-hidden="true"></i> <input class="icon-name input-sm" value="expand" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-fast-backward" aria-hidden="true"></i> <input class="icon-name input-sm" value="fast-backward" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-fast-forward" aria-hidden="true"></i> <input class="icon-name input-sm" value="fast-forward" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-forward" aria-hidden="true"></i> <input class="icon-name input-sm" value="forward" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-pause" aria-hidden="true"></i> <input class="icon-name input-sm" value="pause" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-pause-circle" aria-hidden="true"></i> <input class="icon-name input-sm" value="pause-circle" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-pause-circle-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="pause-circle-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-play" aria-hidden="true"></i> <input class="icon-name input-sm" value="play" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-play-circle" aria-hidden="true"></i> <input class="icon-name input-sm" value="play-circle" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-play-circle-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="play-circle-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-random" aria-hidden="true"></i> <input class="icon-name input-sm" value="random" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-step-backward" aria-hidden="true"></i> <input class="icon-name input-sm" value="step-backward" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-step-forward" aria-hidden="true"></i> <input class="icon-name input-sm" value="step-forward" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-stop" aria-hidden="true"></i> <input class="icon-name input-sm" value="stop" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-stop-circle" aria-hidden="true"></i> <input class="icon-name input-sm" value="stop-circle" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-stop-circle-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="stop-circle-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-youtube-play" aria-hidden="true"></i> <input class="icon-name input-sm" value="youtube-play" /></a></div>
    
  </div>

</section>

    <section id="brand">
  <h2 class="page-header">Brand Icons</h2>

  <div class="alert alert-warning">
    <h4><i class="fa fa-warning" aria-hidden"true"=""></i> Warning!</h4>
Apparently, Adblock Plus can remove Font Awesome brand icons with their "Remove Social
Media Buttons" setting. We will not use hacks to force them to display. Please
<a href="https://adblockplus.org/en/bugs" class="alert-link">report an issue with Adblock Plus</a> if you believe this to be
an error. To work around this, you'll need to modify the social icon class names.

  </div>

  <div class="row fontawesome-icon-list margin-bottom-lg">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-500px" aria-hidden="true"></i> <input class="icon-name input-sm" value="500px" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-adn" aria-hidden="true"></i> <input class="icon-name input-sm" value="adn" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-amazon" aria-hidden="true"></i> <input class="icon-name input-sm" value="amazon" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-android" aria-hidden="true"></i> <input class="icon-name input-sm" value="android" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-angellist" aria-hidden="true"></i> <input class="icon-name input-sm" value="angellist" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-apple" aria-hidden="true"></i> <input class="icon-name input-sm" value="apple" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-behance" aria-hidden="true"></i> <input class="icon-name input-sm" value="behance" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-behance-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="behance-square" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bitbucket" aria-hidden="true"></i> <input class="icon-name input-sm" value="bitbucket" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bitbucket-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="bitbucket-square" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bitcoin" aria-hidden="true"></i> <input class="icon-name input-sm" value="bitcoin" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-black-tie" aria-hidden="true"></i> <input class="icon-name input-sm" value="black-tie" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bluetooth" aria-hidden="true"></i> <input class="icon-name input-sm" value="bluetooth" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bluetooth-b" aria-hidden="true"></i> <input class="icon-name input-sm" value="bluetooth-b" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-btc" aria-hidden="true"></i> <input class="icon-name input-sm" value="btc" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-buysellads" aria-hidden="true"></i> <input class="icon-name input-sm" value="buysellads" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cc-amex" aria-hidden="true"></i> <input class="icon-name input-sm" value="cc-amex" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cc-diners-club" aria-hidden="true"></i> <input class="icon-name input-sm" value="cc-diners-club" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cc-discover" aria-hidden="true"></i> <input class="icon-name input-sm" value="cc-discover" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cc-jcb" aria-hidden="true"></i> <input class="icon-name input-sm" value="cc-jcb" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cc-mastercard" aria-hidden="true"></i> <input class="icon-name input-sm" value="cc-mastercard" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cc-paypal" aria-hidden="true"></i> <input class="icon-name input-sm" value="cc-paypal" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cc-stripe" aria-hidden="true"></i> <input class="icon-name input-sm" value="cc-stripe" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cc-visa" aria-hidden="true"></i> <input class="icon-name input-sm" value="cc-visa" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-chrome" aria-hidden="true"></i> <input class="icon-name input-sm" value="chrome" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-codepen" aria-hidden="true"></i> <input class="icon-name input-sm" value="codepen" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-codiepie" aria-hidden="true"></i> <input class="icon-name input-sm" value="codiepie" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-connectdevelop" aria-hidden="true"></i> <input class="icon-name input-sm" value="connectdevelop" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-contao" aria-hidden="true"></i> <input class="icon-name input-sm" value="contao" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-css3" aria-hidden="true"></i> <input class="icon-name input-sm" value="css3" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-dashcube" aria-hidden="true"></i> <input class="icon-name input-sm" value="dashcube" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-delicious" aria-hidden="true"></i> <input class="icon-name input-sm" value="delicious" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-deviantart" aria-hidden="true"></i> <input class="icon-name input-sm" value="deviantart" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-digg" aria-hidden="true"></i> <input class="icon-name input-sm" value="digg" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-dribbble" aria-hidden="true"></i> <input class="icon-name input-sm" value="dribbble" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-dropbox" aria-hidden="true"></i> <input class="icon-name input-sm" value="dropbox" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-drupal" aria-hidden="true"></i> <input class="icon-name input-sm" value="drupal" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-edge" aria-hidden="true"></i> <input class="icon-name input-sm" value="edge" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-empire" aria-hidden="true"></i> <input class="icon-name input-sm" value="empire" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-envira" aria-hidden="true"></i> <input class="icon-name input-sm" value="envira" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-expeditedssl" aria-hidden="true"></i> <input class="icon-name input-sm" value="expeditedssl" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-fa" aria-hidden="true"></i> <input class="icon-name input-sm" value="fa" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-facebook" aria-hidden="true"></i> <input class="icon-name input-sm" value="facebook" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-facebook-f" aria-hidden="true"></i> <input class="icon-name input-sm" value="facebook-f" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-facebook-official" aria-hidden="true"></i> <input class="icon-name input-sm" value="facebook-official" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-facebook-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="facebook-square" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-firefox" aria-hidden="true"></i> <input class="icon-name input-sm" value="firefox" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-first-order" aria-hidden="true"></i> <input class="icon-name input-sm" value="first-order" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-flickr" aria-hidden="true"></i> <input class="icon-name input-sm" value="flickr" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-font-awesome" aria-hidden="true"></i> <input class="icon-name input-sm" value="font-awesome" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-fonticons" aria-hidden="true"></i> <input class="icon-name input-sm" value="fonticons" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-fort-awesome" aria-hidden="true"></i> <input class="icon-name input-sm" value="fort-awesome" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-forumbee" aria-hidden="true"></i> <input class="icon-name input-sm" value="forumbee" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-foursquare" aria-hidden="true"></i> <input class="icon-name input-sm" value="foursquare" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-ge" aria-hidden="true"></i> <input class="icon-name input-sm" value="ge" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-get-pocket" aria-hidden="true"></i> <input class="icon-name input-sm" value="get-pocket" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-gg" aria-hidden="true"></i> <input class="icon-name input-sm" value="gg" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-gg-circle" aria-hidden="true"></i> <input class="icon-name input-sm" value="gg-circle" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-git" aria-hidden="true"></i> <input class="icon-name input-sm" value="git" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-git-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="git-square" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-github" aria-hidden="true"></i> <input class="icon-name input-sm" value="github" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-github-alt" aria-hidden="true"></i> <input class="icon-name input-sm" value="github-alt" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-github-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="github-square" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-gitlab" aria-hidden="true"></i> <input class="icon-name input-sm" value="gitlab" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-gittip" aria-hidden="true"></i> <input class="icon-name input-sm" value="gittip" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-glide" aria-hidden="true"></i> <input class="icon-name input-sm" value="glide" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-glide-g" aria-hidden="true"></i> <input class="icon-name input-sm" value="glide-g" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-google" aria-hidden="true"></i> <input class="icon-name input-sm" value="google" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-google-plus" aria-hidden="true"></i> <input class="icon-name input-sm" value="google-plus" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-google-plus-circle" aria-hidden="true"></i> <input class="icon-name input-sm" value="google-plus-circle" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-google-plus-official" aria-hidden="true"></i> <input class="icon-name input-sm" value="google-plus-official" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-google-plus-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="google-plus-square" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-google-wallet" aria-hidden="true"></i> <input class="icon-name input-sm" value="google-wallet" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-gratipay" aria-hidden="true"></i> <input class="icon-name input-sm" value="gratipay" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hacker-news" aria-hidden="true"></i> <input class="icon-name input-sm" value="hacker-news" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-houzz" aria-hidden="true"></i> <input class="icon-name input-sm" value="houzz" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-html5" aria-hidden="true"></i> <input class="icon-name input-sm" value="html5" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-instagram" aria-hidden="true"></i> <input class="icon-name input-sm" value="instagram" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-internet-explorer" aria-hidden="true"></i> <input class="icon-name input-sm" value="internet-explorer" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-ioxhost" aria-hidden="true"></i> <input class="icon-name input-sm" value="ioxhost" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-joomla" aria-hidden="true"></i> <input class="icon-name input-sm" value="joomla" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-jsfiddle" aria-hidden="true"></i> <input class="icon-name input-sm" value="jsfiddle" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-lastfm" aria-hidden="true"></i> <input class="icon-name input-sm" value="lastfm" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-lastfm-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="lastfm-square" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-leanpub" aria-hidden="true"></i> <input class="icon-name input-sm" value="leanpub" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-linkedin" aria-hidden="true"></i> <input class="icon-name input-sm" value="linkedin" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-linkedin-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="linkedin-square" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-linux" aria-hidden="true"></i> <input class="icon-name input-sm" value="linux" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-maxcdn" aria-hidden="true"></i> <input class="icon-name input-sm" value="maxcdn" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-meanpath" aria-hidden="true"></i> <input class="icon-name input-sm" value="meanpath" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-medium" aria-hidden="true"></i> <input class="icon-name input-sm" value="medium" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-mixcloud" aria-hidden="true"></i> <input class="icon-name input-sm" value="mixcloud" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-modx" aria-hidden="true"></i> <input class="icon-name input-sm" value="modx" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-odnoklassniki" aria-hidden="true"></i> <input class="icon-name input-sm" value="odnoklassniki" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-odnoklassniki-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="odnoklassniki-square" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-opencart" aria-hidden="true"></i> <input class="icon-name input-sm" value="opencart" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-openid" aria-hidden="true"></i> <input class="icon-name input-sm" value="openid" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-opera" aria-hidden="true"></i> <input class="icon-name input-sm" value="opera" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-optin-monster" aria-hidden="true"></i> <input class="icon-name input-sm" value="optin-monster" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-pagelines" aria-hidden="true"></i> <input class="icon-name input-sm" value="pagelines" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-paypal" aria-hidden="true"></i> <input class="icon-name input-sm" value="paypal" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-pied-piper" aria-hidden="true"></i> <input class="icon-name input-sm" value="pied-piper" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-pied-piper-alt" aria-hidden="true"></i> <input class="icon-name input-sm" value="pied-piper-alt" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-pied-piper-pp" aria-hidden="true"></i> <input class="icon-name input-sm" value="pied-piper-pp" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-pinterest" aria-hidden="true"></i> <input class="icon-name input-sm" value="pinterest" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-pinterest-p" aria-hidden="true"></i> <input class="icon-name input-sm" value="pinterest-p" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-pinterest-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="pinterest-square" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-product-hunt" aria-hidden="true"></i> <input class="icon-name input-sm" value="product-hunt" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-qq" aria-hidden="true"></i> <input class="icon-name input-sm" value="qq" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-ra" aria-hidden="true"></i> <input class="icon-name input-sm" value="ra" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-rebel" aria-hidden="true"></i> <input class="icon-name input-sm" value="rebel" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-reddit" aria-hidden="true"></i> <input class="icon-name input-sm" value="reddit" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-reddit-alien" aria-hidden="true"></i> <input class="icon-name input-sm" value="reddit-alien" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-reddit-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="reddit-square" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-renren" aria-hidden="true"></i> <input class="icon-name input-sm" value="renren" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-resistance" aria-hidden="true"></i> <input class="icon-name input-sm" value="resistance" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-safari" aria-hidden="true"></i> <input class="icon-name input-sm" value="safari" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-scribd" aria-hidden="true"></i> <input class="icon-name input-sm" value="scribd" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-sellsy" aria-hidden="true"></i> <input class="icon-name input-sm" value="sellsy" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-share-alt" aria-hidden="true"></i> <input class="icon-name input-sm" value="share-alt" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-share-alt-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="share-alt-square" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-shirtsinbulk" aria-hidden="true"></i> <input class="icon-name input-sm" value="shirtsinbulk" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-simplybuilt" aria-hidden="true"></i> <input class="icon-name input-sm" value="simplybuilt" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-skyatlas" aria-hidden="true"></i> <input class="icon-name input-sm" value="skyatlas" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-skype" aria-hidden="true"></i> <input class="icon-name input-sm" value="skype" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-slack" aria-hidden="true"></i> <input class="icon-name input-sm" value="slack" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-slideshare" aria-hidden="true"></i> <input class="icon-name input-sm" value="slideshare" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-snapchat" aria-hidden="true"></i> <input class="icon-name input-sm" value="snapchat" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-snapchat-ghost" aria-hidden="true"></i> <input class="icon-name input-sm" value="snapchat-ghost" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-snapchat-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="snapchat-square" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-soundcloud" aria-hidden="true"></i> <input class="icon-name input-sm" value="soundcloud" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-spotify" aria-hidden="true"></i> <input class="icon-name input-sm" value="spotify" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-stack-exchange" aria-hidden="true"></i> <input class="icon-name input-sm" value="stack-exchange" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-stack-overflow" aria-hidden="true"></i> <input class="icon-name input-sm" value="stack-overflow" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-steam" aria-hidden="true"></i> <input class="icon-name input-sm" value="steam" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-steam-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="steam-square" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-stumbleupon" aria-hidden="true"></i> <input class="icon-name input-sm" value="stumbleupon" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-stumbleupon-circle" aria-hidden="true"></i> <input class="icon-name input-sm" value="stumbleupon-circle" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-tencent-weibo" aria-hidden="true"></i> <input class="icon-name input-sm" value="tencent-weibo" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-themeisle" aria-hidden="true"></i> <input class="icon-name input-sm" value="themeisle" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-trello" aria-hidden="true"></i> <input class="icon-name input-sm" value="trello" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-tripadvisor" aria-hidden="true"></i> <input class="icon-name input-sm" value="tripadvisor" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-tumblr" aria-hidden="true"></i> <input class="icon-name input-sm" value="tumblr" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-tumblr-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="tumblr-square" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-twitch" aria-hidden="true"></i> <input class="icon-name input-sm" value="twitch" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-twitter" aria-hidden="true"></i> <input class="icon-name input-sm" value="twitter" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-twitter-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="twitter-square" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-usb" aria-hidden="true"></i> <input class="icon-name input-sm" value="usb" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-viacoin" aria-hidden="true"></i> <input class="icon-name input-sm" value="viacoin" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-viadeo" aria-hidden="true"></i> <input class="icon-name input-sm" value="viadeo" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-viadeo-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="viadeo-square" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-vimeo" aria-hidden="true"></i> <input class="icon-name input-sm" value="vimeo" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-vimeo-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="vimeo-square" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-vine" aria-hidden="true"></i> <input class="icon-name input-sm" value="vine" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-vk" aria-hidden="true"></i> <input class="icon-name input-sm" value="vk" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-wechat" aria-hidden="true"></i> <input class="icon-name input-sm" value="wechat" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-weibo" aria-hidden="true"></i> <input class="icon-name input-sm" value="weibo" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-weixin" aria-hidden="true"></i> <input class="icon-name input-sm" value="weixin" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-whatsapp" aria-hidden="true"></i> <input class="icon-name input-sm" value="whatsapp" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-wikipedia-w" aria-hidden="true"></i> <input class="icon-name input-sm" value="wikipedia-w" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-windows" aria-hidden="true"></i> <input class="icon-name input-sm" value="windows" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-wordpress" aria-hidden="true"></i> <input class="icon-name input-sm" value="wordpress" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-wpbeginner" aria-hidden="true"></i> <input class="icon-name input-sm" value="wpbeginner" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-wpforms" aria-hidden="true"></i> <input class="icon-name input-sm" value="wpforms" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-xing" aria-hidden="true"></i> <input class="icon-name input-sm" value="xing" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-xing-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="xing-square" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-y-combinator" aria-hidden="true"></i> <input class="icon-name input-sm" value="y-combinator" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-y-combinator-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="y-combinator-square" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-yahoo" aria-hidden="true"></i> <input class="icon-name input-sm" value="yahoo" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-yc" aria-hidden="true"></i> <input class="icon-name input-sm" value="yc" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-yc-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="yc-square" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-yelp" aria-hidden="true"></i> <input class="icon-name input-sm" value="yelp" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-yoast" aria-hidden="true"></i> <input class="icon-name input-sm" value="yoast" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-youtube" aria-hidden="true"></i> <input class="icon-name input-sm" value="youtube" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-youtube-play" aria-hidden="true"></i> <input class="icon-name input-sm" value="youtube-play" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-youtube-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="youtube-square" /></a></div>
    
  </div>

  <div class="alert alert-success">
    <ul class="margin-bottom-none padding-left-lg">
  <li>All brand icons are trademarks of their respective owners.</li>
  <li>The use of these trademarks does not indicate endorsement of the trademark holder by Font Awesome, nor vice versa.</li>
  <li>Brand icons should only be used to represent the company or product to which they refer.</li>
</ul>

  </div>
</section>

    <section id="medical">
  <h2 class="page-header">Medical Icons</h2>

  <div class="row fontawesome-icon-list">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-ambulance" aria-hidden="true"></i> <input class="icon-name input-sm" value="ambulance" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-h-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="h-square" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-heart" aria-hidden="true"></i> <input class="icon-name input-sm" value="heart" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-heart-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="heart-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-heartbeat" aria-hidden="true"></i> <input class="icon-name input-sm" value="heartbeat" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hospital-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="hospital-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-medkit" aria-hidden="true"></i> <input class="icon-name input-sm" value="medkit" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-plus-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="plus-square" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-stethoscope" aria-hidden="true"></i> <input class="icon-name input-sm" value="stethoscope" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-user-md" aria-hidden="true"></i> <input class="icon-name input-sm" value="user-md" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-wheelchair" aria-hidden="true"></i> <input class="icon-name input-sm" value="wheelchair" /></a></div>
    
  </div>

</section>

  </div>

								<!-- PAGE CONTENT ENDS -->
							</div><!-- /.col -->
						</div><!-- /.row -->
					</div><!-- /.page-content -->
				</div>
			</div><!-- /.main-content -->

			<div class="footer">
				<div class="footer-inner">
					<!-- #section:basics/footer -->
					<div class="footer-content">
						<span class="bigger-120">
							<span class="blue bolder">Ace</span>
							Application &copy; 2013-2014
						</span>

						&nbsp; &nbsp;
						<span class="action-buttons">
							<a href="#">
								<i class="ace-icon fa fa-twitter-square light-blue bigger-150"></i>
							</a>

							<a href="#">
								<i class="ace-icon fa fa-facebook-square text-primary bigger-150"></i>
							</a>

							<a href="#">
								<i class="ace-icon fa fa-rss-square orange bigger-150"></i>
							</a>
						</span>
					</div>

					<!-- /section:basics/footer -->
				</div>
			</div>

			<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
				<i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
			</a>
		</div><!-- /.main-container -->

		<!-- basic scripts -->

		<!--[if !IE]> -->
		<script src="../components/jquery/dist/jquery.js"></script>

		<!-- <![endif]-->

		<!--[if IE]>
<script src="../components/jquery.1x/dist/jquery.js"></script>
<![endif]-->
		<script type="text/javascript">
			if('ontouchstart' in document.documentElement) document.write("<script src='../components/_mod/jquery.mobile.custom/jquery.mobile.custom.js'>"+"<"+"/script>");
		</script>
		<script src="../components/bootstrap/dist/js/bootstrap.js"></script>

		<!-- page specific plugin scripts -->

		<!-- ace scripts -->
		<script src="../assets/js/src/elements.scroller.js"></script>
		<script src="../assets/js/src/elements.colorpicker.js"></script>
		<script src="../assets/js/src/elements.fileinput.js"></script>
		<script src="../assets/js/src/elements.typeahead.js"></script>
		<script src="../assets/js/src/elements.wysiwyg.js"></script>
		<script src="../assets/js/src/elements.spinner.js"></script>
		<script src="../assets/js/src/elements.treeview.js"></script>
		<script src="../assets/js/src/elements.wizard.js"></script>
		<script src="../assets/js/src/elements.aside.js"></script>
		<script src="../assets/js/src/ace.js"></script>
		<script src="../assets/js/src/ace.basics.js"></script>
		<script src="../assets/js/src/ace.scrolltop.js"></script>
		<script src="../assets/js/src/ace.ajax-content.js"></script>
		<script src="../assets/js/src/ace.touch-drag.js"></script>
		<script src="../assets/js/src/ace.sidebar.js"></script>
		<script src="../assets/js/src/ace.sidebar-scroll-1.js"></script>
		<script src="../assets/js/src/ace.submenu-hover.js"></script>
		<script src="../assets/js/src/ace.widget-box.js"></script>
		<script src="../assets/js/src/ace.settings.js"></script>
		<script src="../assets/js/src/ace.settings-rtl.js"></script>
		<script src="../assets/js/src/ace.settings-skin.js"></script>
		<script src="../assets/js/src/ace.widget-on-reload.js"></script>
		<script src="../assets/js/src/ace.searchbox-autocomplete.js"></script>

		<!-- inline scripts related to this page -->

		<!-- the following scripts are used in demo only for onpage help and you don't need them -->
		<link rel="stylesheet" href="../assets/css/ace.onpage-help.css" />
		<link rel="stylesheet" href="../docs/assets/js/themes/sunburst.css" />

		<script type="text/javascript"> ace.vars['base'] = '..'; </script>
		<script src="../assets/js/src/elements.onpage-help.js"></script>
		<script src="../assets/js/src/ace.onpage-help.js"></script>
		<script src="../docs/assets/js/rainbow.js"></script>
		<script src="../docs/assets/js/language/generic.js"></script>
		<script src="../docs/assets/js/language/html.js"></script>
		<script src="../docs/assets/js/language/css.js"></script>
		<script src="../docs/assets/js/language/javascript.js"></script>
	</body>
</html>
